IE 6/7 поплавок вопрос высота

Question

У меня есть 6 Li элементы, которые плавали по всей видимости, в 2x3 сетке:

1 2 3 
4 5 6 

прекрасно смотрится во всем, кроме IE 6/7, там он выглядит:

1 2 3 
4 5 
    6 

CSS-у меня есть:

ul { 
    margin: 0; 
    padding: 0; 
    width: 900px; 
    overflow: hidden; 
} 

li { 
    list-style: none; 
    width: 278px; 
    float: left; 
    margin-left: 12px; 
    line-height: 1.6em; 
    padding-bottom: 20px; 
} 

Пункты 1 и 4 имеют следующие стили на них:

li.row_start { 
    margin-left: 0; 
    clear: both; 
} 

Проблема (я предполагаю) заключается в том, что содержимое в контейнерах li может иметь переменную высоту в зависимости от содержимого внутри. Таким образом, в примере элемент 2 будет иметь большую высоту, чем 1 и 3, поэтому, когда элемент 5 пытается поплавать влево, он набирает высоту/дополнение к элементу 2.

Answer 1

Ваша догадка прямо на. Единственный реальный способ гарантировать, что вы получите макет, как вы хотите, - это установить высоту и для ваших предметов.