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/

Reply via email to