css width setting not working with IE

hi
open my site in FF and IE and you will see big differnece
In FF width setting working fine but IE is not supporting it.

body {
color : #000000;
width:952px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin:0 auto;
padding-top: 5px;
}
td, tr, p, div {
font-family: sans-serif;
font-size: 13px;
color : #000000;
}
hr {
color : #CCCCCC;
height : 1px;
width : 100%;
}
.mod {
background : #FFFFFF;
width : 2px;
}

.menu {
width : 80%;
height : 25px;
text-indent : 8px;
color : #000000;
background : #F7F7F7;
background-image : url(../template/images/topbg.gif);
}
.menu_background {
background: #EEEEEE;
}
.menu_off {
background: #EEEEEE;
}
.menu_on{
background: #F7F7F7;
}
.content_background {
background: #F1F1F1;
}
.member_profile {
background: #EEEEEE;
}
.search {
width : 80%;
height : 40px;
color : #000000;
background : #F7F7F7;
padding-top : 9px;
padding-bottom : 9px;
background-image : url(../template/images/topbg.gif);
}
.browse {
width : 80%;
color : #000000;
background : #EEEEEE;
}

.ads {
width : 100%;
background : #F7F7F7;
}
.content_body {
width : 100%;
background : #FFFFFF;
}
.album_bg {
color : #000000;
background : #F7F7F7;
}
.artist_alpha {
color : #000000;
background : #FFFFFF;
font-size : 13px;
border-bottom : 1px solid #CCCCCC;
font-weight : bold;
padding : 12px 9px 12px 0px;
text-indent : 10px;
line-height : 10px;
}
.album_alpha {
color : #000000;
background : #FFFFFF;
font-size : 13px;
text-indent : 10px;
display : block;
font-weight : bold;
padding : 10px 9px 10px 0px;
color : #000000;
width : 90%;
text-align: center;
}
.album_alpha_bg {
color : #000000;
background : #FFFFFF;
font-size : 13px;
text-indent : 10px;
display : block;
border-bottom : 1px solid #CCCCCC;
font-weight : bold;
padding : 12px 9px 12px 0px;
color : #000000;
width : 90%;
text-align: center;
}
table.moduletabmid td {
padding-left : 0px;
padding-right : 0px;
border-top : 0px solid #FFFFFF;
margin : 0px;
padding : 0px;
}
table.moduletable {
width : 100%;
table-layout : auto;
}

table.moduletable td {
padding-left : 0px;
padding-right : 0px;
}

.inputbox {
border : 1px solid #CCCCCC;
background-color : #FFFFFF;
margin-bottom : 0px;
color : #000000;
}

a:link, a:visited {
font-family: sans-serif;
font-size: 13px;
color : #000000;
text-decoration : none;
font-weight : bold;
}
a:hover {
font-family: sans-serif;
font-size: 13px;
color : #FF3300;
text-decoration : none;
font-weight : bold;
}
u {
font-family: sans-serif;
font-size: 12px;
color : #666666;
text-decoration : none;
font-weight : bold;
}
u:hover {
font-family: sans-serif;
font-size: 12px;
color : #000000;
text-decoration : none;
font-weight : bold;
}
.hlight { background-color: #FFFFFF; }

.dlight { background-color: #E4EAF2; }

.mouseover{font-weight:bold;background-color:#E0DFE0;}
.button, .mouseover:hover{font-weight:bold;background-color:#FFFFE0}

input {
color: #000000;
font-family: verdana,arial,helvetica,sans-serif;
font-weight: bold;
font-size: 13px;
border-color:#EEEEEE;
border-width:1;
}
.borderimage{
border:1px solid black;
}
.songsborder{
border-left : 1px solid #F7F7F7;
border-right : 1px solid #F7F7F7;
border-top : 1px solid #F7F7F7;
border-bottom : 1px solid #F7F7F7
}
.subscribtion_top{
border-left : 1px solid #eff2ab;
border-right : 1px solid #eff2ab;
border-top : 1px solid #eff2ab;
background-color : #feffe0;
}
.subscribtion_bottom{
border-left : 1px solid #eff2ab;
border-right : 1px solid #eff2ab;
border-bottom : 1px solid #eff2ab;
background-color : #feffe0;
}
.register_success{
border-left : 1px solid #eff2ab;
border-right : 1px solid #eff2ab;
border-top : 1px solid #eff2ab;
border-bottom : 1px solid #eff2ab;
background-color : #feffe0;
width : 100%;
}
.cart{
border-left : 1px solid #EEEEEE;
border-right : 1px solid #EEEEEE;
border-top : 1px solid #EEEEEE;
border-bottom : 1px solid #EEEEEE;
background-color : #F7F7F7;
width : 60%;
}
.right_colum {
width : 260 px ;
text-indent : 8px;
color : #000000;
background : #F7F7F7;
background-image : url(../template/images/table.gif);
}
.footer_bg {
width : 100%;
text-indent : 8px;
color : #000000;
background : #F7F7F7;
background-image : url(../template/images/footer_bg.gif);
}

.topborder { border: #FFF 3px solid; background-color: #FFF }
.border { border: #E9E9E9 1px solid; }

.glossymenu{
position: relative;
margin: 0 auto 0 auto;
background: url(images/menug_bg.gif) repeat-x; /*tab background image path*/
width : 80% px ;
height: 46px;
list-style: none;
}

.glossymenu li{
float:left;
background: url(images/menug_bg.gif) repeat-x; /*tab background image path*/
}

.glossymenu li a{
float: left;
display: block;
color:#000;
text-decoration: none;
font-family: sans-serif;
font-size: 13px;
font-weight: bold;
background: url(images/menug_bg.gif) repeat-x; /*tab background image path*/
padding:0 0 0 6px; /*Padding to accomodate left tab image. Do not change*/
/*padding:0 0 0 16px; */
height: 46px;
line-height: 46px;
text-align: center;
cursor: pointer;
}

.glossymenu li a b{
float: left;
display: block;
text-decoration: none;
font-family: sans-serif;
font-size: 13px;
font-weight: bold;
list-style-image: url('images/menu_bg_hoever.gif');
padding: 0 18px 0 8px; /*Padding of menu items*/
/*padding: 0 24px 0 8px; */
}

.glossymenu li.current a, .glossymenu li a:hover{
color: #fff;
text-decoration: none;
font-family: sans-serif;
font-size: 13px;
font-weight: bold;
list-style-image: url('images/menu_bg_hoever.gif');
background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
color: #FF3300;
text-decoration: none;
font-family: sans-serif;
font-size: 13px;
font-weight: bold;
list-style-image: url('images/menu_bg_hoever.gif');
}

.formbutton{
cursorointer;
borderutset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(images/formbg.gif) repeat-x left top;
}

img{ vertical-align: middle; border: 0; }
Table,Tr,Td { font-family: sans-serif;font-size: 13px;border-collapse: collapse;}
/*-----------------------------------------*/

.latest { color: #3985A6; text-decoration: none; font-weight: bold}
.latest:hover { COLOR: #3985A6; text-decoration: none;}

/*-----------------------------------------*/

form { margin: 0; padding:0}
/*---------------------------------------------------------------*/
.topborder { border: #FFF 3px solid; background-color: #FFF }
.border { border: #E9E9E9 1px solid; }

.title_class, .title_class_b, .title_class_c {
/*background-color: #82BA00;*/
background-image: url('images/table_bg.gif');
padding: 3px;
margin-left: 3px;
color: #000;
font-size: 13px;
font-family: Verdana;
font-weight: bold;
height: 25px;

}
.title_class_c {
/*background-color: #1788C8;*/
background-image: url('images/table_bg.gif');
}
.title_class_b {
/*background-color: #E68300;*/
background-image: url('images/table_bg.gif');
}
.footer {
background-color: #6DBDEB;
height:20px;
color:white;
}
.footer a { color: #6DBDEB }
.footer a:hover { color: #6DBDEB }

.stata, .statb { border: 1px solid #E9E9E9; padding: 3px; background-color: #FFFFFF; }
.statb { background-color: #FBFBFB; }
White
Click to expand...

Log in or Sign up

css width setting not working with IE

Jattboyz Peon

drhowarddrfine Peon

Log in or Sign up

css width setting not working with IE

Jattboyz Peon

drhowarddrfine Peon

Useful Searches