DIV not expanding

[LynxGrr]

Hello!

Im working on my first layout using only DIVs and CSS, but i have a problem and its making my head hurt, because it seems so simple...


http://lynx.nakedhippy.co.uk/test/index.htm

My main content div (outlined in red) is expanding the main container div, but my menu container doesnt, and so its popping out of the bottom of the container.

Any help is appreciated

Thanks

View sourse to see the code

[Span]

Hi,
you have to clear the float to make your .mainContainer div encompass it. Try adding a clearing break:


br.clear {
clear:both;
font-size:1px;
}


<div class="contentContainer">
Heres My Content
</div><br class="clear" />
</div>
</body>