Плавающие блоки неопределенной высоты

[tester117]

работаю над галереей, разрезинил div c изображениями добавив float:left все прекрасно но некоторые блоки с изображениями имеют разную высоту (ширина всегда одинаковая) и так получается что

последующий блок зацепляется за самый высокий предыдущий блок, и выглядит не красиво(((

Во вложении пример:


взглянуть можно тут:
http://wfi.lomasm.ru/русский.галерея

если смотреть При разных разрешениях особенно заметно

Требуется насильно держать плавающие блоки на одной строке:
Как лучше это сделать?
1) javascript выставить всем блокам в одной строке высоту максимально высокого блока?
2) или как-то можно разрулить при помощи CSS, пока не въехал как....


Ищется самое простое и элегантное решение

[tester117]

Сделала так: без flloat left

избавился от display: inline-block; в корневом диве
блокам назначил стиль:
width: 260px;
min-height: 340px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
margin: 2px;
zoom: 1;
*display: inline;
_height: 320px;

пока все норм..

[Вадим Мошев]

Я бы советовал установить для всех блоков одинаковую высоту, для всех внутренних элементов (заголовок, количество просмотров и т.д) также установить одинаковую высоту и отступы.