Footer div is not being pushed down.

Question

I have a div for the header, two divs in the middle and one div as the footer. The middle divs are set for float:left and float:right. When the middle divs grow vertically, I want the footer div to push down on the page. It currently only works in IE. On all other browsers, the footer div remains in the same spot and the other divs just overlap the footer. What am I doing incorrectly?

Also, all of these divs are wrapped in a parent div.

Thanks

Answer 1

Have you cleared float before the footer div?

If not, put a div before the footer div with the style

clear: both;