Looks fine in IE, FF destroys it

[PMicro]

My page looks perfect in IE, but in FF, the <div class="main"> doesn't display correctly. The site is at http://www.ratingdominator.com/test

Any ideas why that could be?

[Lchad]

In the css for your footer add clear: both;

Code: Select all

.footer {

	background-image: url(images/footer.jpg);

	background-repeat: no-repeat;

	height: 8px;

	width: 785px;

	margin: 0 auto;

        clear: both;
}

Whenever you have a float of a div, you need to put a clear in the div following or the div following will wrap around the div above.

Hope that helps!

[PMicro]

That pushed the footer to where it's supposed to be, but the main div doesn't stretch all the way down to it. I need the background to be green, like it is in IE.

Thanks for the clear: both tip!

[karinne]

add overflow: auto; to #main

[PMicro]

Perfect, between the two replies, it's working perfectly now Thanks to both of you!