Cлои и большие проблемы

[Promety]

Ситуация такая.
Нужно чтобы положение слоёв при изменение разрешения экрана не менялось.
В коде пишу следующее
<table width="766" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="205" colspan="4"><table width="766" height="205" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="2" bgcolor="#013825"></td>
<td width="752" rowspan="3" valign="top" background="img/top.jpg">
<div id="Nav1" style="position:relative;left:-3; top:-41px; width:63px; height:51px; z-index:3; border: 1px none #000000;"onMouseOver="javascript:showObject(Nav1)"onMouseOut="javascript:hideObject(Nav1)" class="hidden"><a href="#"></div>
<div id="Nav2" class="hidden" style="position:relative; left:240px; top:-92px; width:63px; height:51px; z-index:3; layer-background-color: #FF0000; border: 1px none #000000;" onmouseover="javascript:showObject(Nav2)" onmouseout="javascript:hideObject(Nav2)"></div>
<div id="Nav3" class="hidden" style="position:relative; left:117px; top:-143px; width:63px; height:51px; z-index:3; layer-background-color: #FF0000; border: 1px none #000000;" onmouseover="javascript:showObject(Nav3)" onmouseout="javascript:hideObject(Nav3)"></div>

</td>
</tr>
<tr>
<td height="6
" bgcolor="#00613E"></td>
</tr>
</table>
</td>
</table>
Проблема в следующем. Чем больше добавляю слоев таким образом тем больше ячейка начинает растягиваться в высоту.
Чего мне совсем не надо. Как решить эту проблему или какой нибудь подходящий вариант (кроме программного). Помогите кто может.