Всплывающие подменю

Вопрос

<SCRIPT>
function resize_window(e) {
left = document.body.clientWidth / 4 - 40 + "px";
document.all['submenu1'].style.left = left;
}
layer_name = new Array();

function show_submenu(x) {
document.all[x].style.display = "block";
layer_name[0] = x;
}

</SCRIPT>

Есть таблица (в общем виде):

<TABLE width=200 align=center>
<TR>
<TD onmouseover=show_submenu(submenu1);>Кнопка 1
<DIV id=submenu1 style=”DISPLAY: none; POSITION: absolute; TOP: 49px;”>
<TABLE cellspacing=0 cellpadding=0 border=0 height=1> <tr><td></td></tr></table>
Smth1

<A href="http://smth2.com”>Smth2</A>

<A href="http://smth3.com”>Smth3</A>

</TD>
</TR>
</TABLE>


Теперь вопрос: как сделать так, чтобы подменю submenu1 появлялось в нужном мне месте независимо от разрешения на клиенте (браузере).
Нужное мне место – прямо чуть пониже ячейки таблицы.
А если ячеек будет больше?