Мне нужно вывесть в три колонки блоки, блоки все разной высоты и заранее она неизвестна ...

структура примерно такая:



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


[JS]
function maxHeigth() {
var maxHeigth = 0;
$.each($(".letterData"), function(index) {
if($(this).height() > maxHeigth) maxHeigth = $(this).height();
if((index + 1) % 3 == 0) { // если последняя строчка
$(this).height(maxHeigth).next(maxHeigth).prev().prev(maxHeigth);
maxHeigth = 0;
}
});
}

[/JS]

и эта тема работает нормально я имею ввиду вывод до того как не начал работать поиск потом все колонки ломаются ...
скажите ведь можно это как-то сделать читсым css и html
вот js но она работает только когда нет поиска иначе ломаетя смысл трех колонок

прикладываю стили

[CSS]

#main{
width:666px;
height:400px;
overflow:auto;
}

.letterData {
float: left;
color:#db2f85;
font-weight:bold;
width:190px;
padding:10px;
}
.letterData div {
margin-left:15px;
font-weight:normal;
font-size:12px;
}
.letterData div a {
display:block;
}

[/CSS]