I am having trouble getting my container div to expand in height so as to fully contain my submenu div (absolutely positioned on left) within it. Currently, the container expands as text on the page content div (which is absolutely positioned on the right) grows.
When the page content is minimal, and therefore shorter than the submenu, then the container remains shorter than the submenu making it look like the submenu overlaps the footer. (see attached image)
My basic structure is as follows:
<div id="outerDiv"> <div id="header"> <div id="bannerMenu"></div> <div id="mainMenu"></div> </div> <div id="contentPage"> <div id="subMenu"></div> <div class="pagetext"></div> </div> <div id="footer"></div> </div>
No floating divs. No height attributes, except for footer and header.