Helo all,
i am new for css.and i tried css layout.it is fine in IE but not fine in Firefox.
i attached my css and html.what is the problem in my layout
http://resonatesoftware.com/test2.html
my css code:
.body{
margin:0px;
}
#main{
margin-left:auto;
margin-top:0px;
margin-right:auto;
top:0px;
position:relative;
background-color:#333333;
width:1024;
height:800px;
}
#heder{
margin-left:auto;
margin-right:auto;
width:1000px;
height:300px;
background-color:#FFFFFF;
}
#logo{
margin-top:40px;
float:left;
font:normal 35px “Franklin Gothic Demi”;
color:#CC0000;
width:272px;
margin-left:20px;
}
#menu{
margin-bottom:0px;
height:50px;
margin-top:40px;
float:right;
}
#menu ul{
}
#menu ul li{
font:bold normal 18px Verdana, Arial, Helvetica, sans-serif;
color:#0099FF;
display:inline;
margin-bottom:0px;
margin-right:60px;
}
#menu ul li a{
color:#0099FF;
text-decoration:none;
}
#menu ul li a:hover{
color:#000000;
}
#banner{
background-color:#0099FF;
width:auto;
height:200px;
margin-top:50px;
}
#h2{
font:normal 25px Tahoma;
color:#FFFFFF;
text-align:right;
background: center;
margin-top:80px;
margin-right:90px;
}
#image{
width:190px;
height:193px;
position:absolute;
left: 192px;
top: 24px;
float: left;
z-index: 1;
}
#content{
background-color:#009966;
width:800px;
height:600px;
margin: 0px auto;
padding: 0px;
float: none;
top: 0px;
position: relative;
}
/class/
.clear{
clear:both;
}
thanks all
sidhu>G
