Footer and IE

Footer does not clear sidebar

[whozyodaddy]

Hi,

The footer does not clear the main content and sidebar of my website in IE, but works in both FF and Safari. The sidebar overlaps it, and I set the background to pink so it is easy to see the problem.

hxxp://spotnitz.com/first/first.html
hxxp://spotnitz.com/first/first.css

What is the problem here? Any help would be greatly appreciated.

Thanks.

[lavazza]

If you take your footer out of your container... it'll work.. although now your footer is full width (easy fix)

Tip: give your divs contrasting backgrounds to see what is going where

[whozyodaddy]

I just tried that, and while it looks better in IE, it messes everything up in FF. Is there a different solution?

[lavazza]

wrap EVERYTHING is something like this

#wrapper{
display:block;
height: auto;
background: #00FFFF;
}

For me, it works in FF, IE and Opera

[whozyodaddy]

Take the footer outside the container and put the footer inside the wrapper? Should just the footer be in the wrapper? Sorry, I am relatively new to CSS.