css layout

[sidhu]

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

[obey360]

you may want to post a link to an image that we can see where the problem is. i'm not sure what the problem is at this point.

[noTime]

If you have a non-IE problem, it means you have mistakes in your code. As the matter of fact, your code layout sucks (sorry), but I guess that you have to put <div class="clear"></div> after the content div.