ie VS firefox

[chwebdesigns]

hi,

i know this question has been asked before. Infact I asked the same question yesterday and then mangaged to fix it, but today I can't get it to work on a different project. I have to change the design to one of my clients website slightly, and I want it to work in both IE and Firefox. It works how I want it in IE but not in Firefox. I have put the screenshots and the CSS code. Thanks in advance

Cal

body {
background-image: url(../images/body_bgound2.gif);
background-repeat: repeat-x;
background-position: top;
background-color: #838193;
margin-top: 3px;
}
#navbar {
width: 150px;
height: auto;
vertical-align: top;
float: left;
margin: 3px 7px 3px 3px;
}
#maincontent {
text-align: center;
width: 750px;
border: medium double #999999;
background-image: url(../images/bgound.gif);
background-repeat: repeat-x;
background-position:top;
background-color: white;
margin: auto;
padding: 0 0 0 0;
} 

#pagecontent {
width: 570px;
float:right;
margin: 3px 15px 2px 2px;
}
#content {
width: 570px;
height: auto;
float: right;
}

[bronzemonkey]

add this to your code

 

#maincontent:after {content:"."; clear:both; display:block; height:0; font-size:0; line-height:0; visibility:hidden;}

[chwebdesigns]

great thanks