HI all.
i build on css website but it shows IE and firfox difrent.please tell me waht’s going wrong there
http://www.resonatesoftware.com/index1.html
http://www.resonatesoftware.com/styles1.css
css code:
body {
margin-left : 0;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
background-color : #221a1a;
}
#mianpage {
width : 950px;
margin-left : auto;
margin-right : auto;
margin-top : 30px;
height : 600px;
padding : 0;
margin-bottom : 0;
}
#container {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
font-weight : normal;
text-align : center;
padding : 0;
height : 600px;
width : 100%;
background-color : #ffffff;
margin-top : 0;
margin-right : auto;
margin-bottom : 0;
margin-left : auto;
}
#banner {
background-image : url(images/or_banner.jpg);
background-repeat : no-repeat;
background-position : left bottom;
height : 113px;
width : 952px;
margin : 0;
padding : 0;
}
#menu {
width : 572px;
margin-left : 328px;
margin-right : 52px;
padding : 0;
height : 42px;
text-align : center;
margin-top : 71px;
margin-bottom : 0;
top : 71px;
}
#menu ul {
padding : 0;
list-style : none;
font-family : Arial, Helvetica, sans-serif;
font-size : 16px;
font-style : normal;
font-weight : bold;
color : #000000;
text-align : center;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 0;
}
#menu ul li {
float : left;
display : block;
padding : 0;
width : 103px;
height : 42px;
margin-top : 0;
margin-right : 10px;
margin-bottom : 0;
margin-left : 0;
}
#menu ul li a {
text-align : center;
font-size : 14px;
font-weight : bold;
color : #000000;
background-image : url(images/btn_bg.jpg);
background-repeat : no-repeat;
display : block;
text-decoration : none;
height : 42px;
font-family : Arial, Helvetica, sans-serif;
font-style : normal;
line-height : 42px;
font-variant : small-caps;
text-transform : uppercase;
width : 103px;
padding : 0;
margin : 0;
}
#menu ul li a:hover {
background-image : url(images/btn_bg_over.jpg);
background-repeat : no-repeat;
color : #333333;
}
#leftnav {
width : 210px;
float : left;
margin-top : 17px;
margin-left : 23px;
background-color : #edfada;
height : 500px;
text-align : left;
padding : 0;
margin-right : 0;
margin-bottom : 0;
border : 1px dotted #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
#leftnav ul {
list-style : none;
width : 200px;
margin : 0;
padding : 0;
}
#content {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
font-weight : normal;
text-align : left;
height : 500px;
width : 630px;
padding : 10px;
margin-top : 17px;
margin-left : 0px;
background-color : #333333;
float : right;
margin-right: 52px;
}
#leftnav ul li {
width : 100%;
}
#leftnav ul li a {
text-decoration : none;
color : #000000;
display : block;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
font-weight : bold;
height : 28px;
line-height : 25px;
text-align : left;
width : 100%;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 0;
padding-left : 10px;
}
#leftnav ul li a:hover {
color : #ffffff;
background-color : #d8ba14;
}
h2 {
background-color : #333333;
width : 200px;
height : 30px;
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
font-style : normal;
font-weight : bold;
color : #ffffff;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 0;
padding-left : 10px;
line-height : 25px;
text-align : left;
text-transform : uppercase;
}
h1 {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
font-weight : bold;
color : #0099ff;
}
p {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
font-weight : normal;
color : #cccccc;
}
Thanks, all
sidhu>G