[thelist] css container div is not working in firefox

[Paul Bennett]

At a cursory glance, it looks like you need to clear after the content inside div#wholepage-inside.

At the moment, because the  inside elements are floated, the containing div thinks they take up no space.

You should be able to clear the floated content without mark-up by adding the 'clearfix' class to div#wholepage-inside and adding this to your css:

/* 
clear floats without extra markup:http://www.positioniseverything.net/easyclearing.html 
give the container which contains floated items this class...
*/
.clearfix:after, .caption:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix, .caption{display:inline-block;}
/* Hides from IE-mac (leave this comment in!!)  \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */

:)
Paul