Weird CSS browser issue

[Vedder]

Ok this is doing my head in. I am working on a simple website layout for my dad. When the site is viewed in IE7 it looks fine, but in Firefox it doesnt display the footer <divs>. Can anyone spot why this would be?

If I put the footer div's inside another div it works in Firefox, just not where they should be. Here is my CSS for the header (which works fine):

#Header
{
	background-color:#FFF;
	height: 90px;
	width:898px;
	border-top: solid 1px #000;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
}

Now we have the CSS for the footers which don't work in firefox

#BottomDivider
{
	background-color:#00008B;
	height:5px;
	width: 898px;
	border-right: solid 1px #000;
	border-left: solid 1px #000;
}

#Footer
{
	background-color:#FEEED4;
	height: 55px;
	width: 898px;
	border-right: solid 1px #000;
	border-left: solid 1px #000;
	border-bottom: solid 1px #000;
	
}

The url is below so you can see for yourself but I seriously dont understand why they wont display in firefox. Any suggestions/help appreciated guys.

www.paulcocker.com/Multiblinds/index.aspx

 

[blade007]

try putting in a test sentence in every div that's not rendering. Sometimes FF doesn't like it when it's empty.

 

[toosepin]

Could you post the whole CSS and HTML? It's very hard to tell what's conflicting without a real idea of the rest of the page

Edit: Oops just noticed your link. I'll take a peak now.

 

[toosepin]

Ok, add the following

clear: both;

to your #BottomDivider

 

[rewindurmind]

I suggest you do what Blade suggested.

 

[Vedder]

Thanks for all your help guys, clear:both was the answer.