хреновый все-таки из меня дизайнер. имеем: .pic {float:left; padding:4px; margin:6px; background-color:#3c3c3c; border:1px solid #bdbdbd;} <div class="pic"> <a> <img> text </a> text </div> глюк - идут подряд картинки. пока размер одинаковый все нормально. как только встречается вместо 150*113 вертикальная 113*150, следующие две 150*113 благодаря float позиционируются вертикально и прилипают друг к другу. очевидное решение - задать постоянную высоту, одинаковую для всех картинок. ну, 150px+13pt+11pt примерно 185px. ширина 150px+4px*2(padding)+1px*2(border)=160px. чтоб избежать большого фона снизу, вводим внешний контейнер. получилось: .piccont {float:left; width:152px; height:185px; border:0; padding:4px; margin:6px;} .pic {background-color:#3c3c3c; border:1px solid #bdbdbd;} <div class="piccont"> <div class="pic"> <a> <img> text </a> text </div> </div> теперь благодаря одинаковой высоте всех float-контейнеров ничего не липнет куда не надо, зато по горизонтали .pic имеют 100% от родительского... что хоть и понятно, но вместо пустоты снизу получили ее же справа у вертикальных картинок