If you use the search boxes on the left, and select:
United States > California > All Areas > Nov 2010
(There will also be a broken image during the search process… we are aware of that and our programmer is fixing it)
You will see that for whatever reason, the footer is not clearing the two content columns even though it has a clear:left tag (and the two content columns have float:left in their CSS properties).
Any idea why this is occurring only in the latest Mozilla? It clears fine in IE8, IE7, the latest Chrome, and Safari.
Both your contentwrapper and leftcol have an inline height set(e.g., <div id=“leftcolumn” style=“height: 419px;”>). In Firefox, it seems to stay the original height from the page load before the search results are shown. Looks like the container/column heights don’t get recalculated after the search loads in FF.
Upon further review, it is only in Firefox that the inline elements show. They don’t exist is other browsers. In fact, it is only displaying like that in Firebug.
The problem persists.
Any other ideas why the page is hiccuping in Firefox?
I found the problem, thanks to your help. It would seem our programmer forgot he was using a DynamicDrive.com script called equalcolumns.js and it was sending inline style height tags to those columns.
Instead of using an equal column script (which slows the page down) you could use the faux column technique and repeat an image on your #contentwrapper to produce the full column effect. You wouldn’t then have to call the equal column script after every search.