Dynamic content flowing outside of division please help.

First of all I have done this a thousand times in Joomla and it always seems to never work and then boom i think i do the same thing and it works. I want to try to understand what is going on here.

I have simplified the xhtml and css to this link

www.simplyjoomla.com/index.html

The left column is module generated html . In IE it works perfectly of course in FF it does not. I do not understand why my container ID does not wrap the height of my left column. Or how I can make it do so. Again I have done it before but it amazes me that it doesnt work now.

I really would like to understand and also how to fix it.

Thanks

 

I think it's the float attribute on the "left div", try adding a line break after that div, or an empty div with a clear attribute

<div style="clear:both; ">&nbsp;</div>

HTML:

alternatively, display:block; or display:table; on the css for the left div may sort you out

 

but wouldnt that keep the main content from appearing to the right of the text?