I have a 3 col layout, with left/right columns floated. Inside the center column, I have nested a container div within which are 2 float more divs floated left. Within these I have vertical lists. The goal is 2 vertical lists sidebyside. Here is the page:
http://hul.harvard.edu/oisnew/systems/oasis/upload.html In IE6, any squeezing of the viewport causes the entire center column to drop below the layout. This is not happening for other pages with unfloated content. The problem page has onboard styles in the header, which are: .mid-container { border: 0; float: left; width: 95%; border: 0; margin: 0; padding: 0 } .mid-container-inner { float: left; width: 48%; border: 0; margin: 0; padding: 0 } .mid-container-list { padding-left: 0; margin-left: 0; } .mid-container-list li { padding-left: 0; margin-left: 1.5em; } Any suggestions on how to prevent those inner floated divs from dropping below the layout? Thanks. --julie ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/