www menu pomocí tabulky vložený před obrázek - špatné zobrazení při změně rozlišení

Ahoj mám takový problém mám vytvořené Horizontální menu, které je před obrázkem, stránka je vycentrována na prostředek šířka 1000px vše funguje dobře až na to horizontální menu, když otevřu stránku na pc s rozlišením 1280x1024 tak je to v pořádku, ale když ho otevřu na širokoúhlém monitoru tak mi to menu nesedí do toho obrázku (uhne a úvod je úplně mímo, jde to nastavit nějak aby při všech rozlišeních ten text zůstal tam kde má být? přikládám html a css

<div id="nav">
<table>
<tr>
<td><a href="index.html"><strong>Úvod</strong></a></td>
<td><a href="reference.html"> <strong>reference</strong></a></td>
<td><a href="kontakty.html"><strong>Kontakty</a></td>
</tr>
</table>

v css mám

#nav {
position: absolute;
top: 194px;
left:115px;
}

#nav td { padding:0px 0px 0px 40px; height: 60px; vertical-align:top;}
#nav td a { font-size:14px; font-weight:normal; color: #FFCC33;; text-decoration:none; font-family: Tahoma, Geneva, sans-serif;
}
#nav td:hover {
background-image:url('img/sipicka.png');
background-position: bottom;
background-repeat:no-repeat;
}
#nav td a:hover { color:#ccc; font-weight:bold; }
#nav td:hover a { color:#ccc; font-weight:bold; }
#page #leftmenu ul .submenu {
font-family: Tahoma, Geneva, sans-serif;
font-size: 14px;
}
#page #leftmenu ul .submenu li {
font-size: 12px;
font-weight: normal;
}