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

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