Layers knyttet til et objekt?? HJÆÆÆLP!!

Jeg har via DIV-tags lavet flere grafiske lag i en html-side. De skal fungere som simple menuer: man trykker på en knap og der fremkommer et billede.
Men problemet er at billedet (og således menuen) viser sig på et bestemt punkt på skærmen. Da min side er centreret vil det resulterer i at billedet vises på flere forskellige steder ved forskellige skærmopløsninger  (browser-bredder) og dvs at menuen kommer til at se forkert ud.
Jeg ved at man kan knytte layers til et objekt på siden og lade den navigere efter det, men hvordan??

Vh Mr html

Koden er herunder:

<div id="menu1lag" style="position:absolute; width:109px; height:115px; z-index:1; top: 178px; left: 183px; visibility: hidden" onMouseUp="MM_showHideLayers('menu1lag','','hide')"><img src="menu/gif/menu1.gif" width="109" height="116" usemap="#Map" border="0">

<map name="Map"><area shape="rect" coords="4,38,102,52" href="profil/01.htm"><area shape="rect" coords="5,52,103,68" href="profil/02.htm"><area shape="rect" coords="4,67,102,82" href="profil/03.htm"><area shape="rect" coords="6,80,102,97" href="profil/04.htm"><area shape="rect" coords="4,96,103,112" href="profil/05.htm"></map></div>