Archive site from 2010 and earlier

Firefox & Nested div elements

I just ran into the well known problem with nested divs and css float directives.
Since I had to search around for a bit to find a solution that made sense to me... here is my explanation:

When a div has a float directive in css, the element is removed from the normal layout flow.

What this means is containing divs won't know about the divs that are floating and are nested within them, so firefox will (correctly) collapse the div to the min height needed.

I worked around this by adding a nested div after the floating divs that has a clear:both; directive in css.

Now you know.