Общие вопросы

<td class="SingleBorderTable" id="test" valign="top">
<div id="list" style="height:165;overflow:auto">
<table cellpadding="0" cellspacing="0" border="0" id="usher_list" width="100%" align="center"/>
</div>
</td>

такой вот html - графически представляет из себя пустой прямоугольник высотой 165px. У меня функция динамически, при нажатии бутона, добавляет rows и cell в table c id="usher_list".

function buildUsherList(leng){
var Row = document.all.usher_list.insertRow();
var oCell = Row.insertCell();
oCell.valign = "top";
oCell.innerHTML += "<a href='javascript:editUsher("+leng+")'>&#160;Usher"+ush_list[leng].id+"</a>";
oCell = Row.insertCell();
oCell.width = "50%";
oCell.align = "center";
oCell.innerHTML += "<img src='images/close1.gif' alt='delete Usher' style='cursor:hand' onclick='deleteUsher("+leng+")'/>";
}

Все хорошо пока добавлено до 22 userov, то есть в диве появляется вертикальный скролл, как и предусмотренно.

Траблы начинаются когда добавляю хотя бы еще одного юзера, td што содержит div и table растягивается вертикально

И еще, если даже добавил больше 22 userov, скажем 50 сразу, все хорошо, если же добавляю еще одного td растягивается...

подскажите што делать?