# Css layout

**URL:** <https://forum.kirupa.com/t/css-layout/232845>\
**Category:** Uncategorized\
**Created:** [July 18, 2007, 9:01am UTC](https://forum.kirupa.com/t/css-layout/232845 "2007-07-18T09:01:42Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![sidhu](https://avatars.discourse-cdn.com/v4/letter/s/9fc348/32.png) [@sidhu](https://forum.kirupa.com/u/sidhu)\
**Post date:** [July 18, 2007, 9:01am UTC](https://forum.kirupa.com/t/css-layout/232845/1 "2007-07-18T09:01:42Z")

</div>

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](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