Stò facendo un sito, ho appena finito il layout(cosi' sembra) e già ho un' altro problema!

ho posizionato le tabelle con la posizione assoluta e quando rimpicciolisco la pagina internet cambiano di posizione e quindi non coincidono + con il resto... come faccio??

questo è il CSS

/* Posizionamento */
/******************/

#menù {
position: absolute;
left: 299px;
top: 245px;
}

#menù2 {
position: absolute;
left: 488px;
top: 261px;
}

#bordo {
position:absolute;
left: 488px;
top: 245px;
}
e questo è l' html:
<table border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td>[img]layout_1.jpg[/img]
</td>
</tr>
</table>

<table id="menù" width="183" bgcolor="#35577b" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="http://www.rinoadiary.it" alt="link">Ciaooo
</td>
</tr>

<tr>
<td>ciaooo
</td>
</tr>
</table>

<table border="0" cellpadding="0" cellspacing="0">

<tr id="bordo">
<td>[img]layout_2.jpg[/img]
</td>
</tr>

<table id="menù2" width="472" bgcolor="#35577b" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>Ciaooo
</td>
</tr>
</table>
Grazie dell' attenzione!!