Calage de div

Bonjour,

J'essaie de développer une carte de France avec un effet de roll-over sur chaque région.
Voici le code développé :

<DIV id="nord" style="display: none; position: absolute; top: 9px; left: 148px;"><img src="gifs/carte_nord_over.gif" width="58" height="38" border="0" usemap="#Map2" />
<map name="Map2" id="Map2">
  <area shape="poly" coords="1,24,0,7,20,-1,25,14,34,10,37,20,44,21,45,26,53,24,57,36,24,35,18,30" href="#" onmouseout = "hideMe('nord');" />
</map>
</DIV>

<DIV id="picardie" style="display: none; position: absolute; top: 33px; left: 144px;"><img src="gifs/carte_picardie_over.gif" width="63" height="52" border="0" usemap="#Map3" />
<map name="Map3" id="Map3">
  <area shape="poly" coords="5,0,22,6,28,11,61,12,62,17,56,25,59,33,47,36,50,47,46,51,38,42,21,41,7,38,6,18,0,10" href="#" onmouseout = "hideMe('picardie');" />
</map>
</DIV>

<DIV id="champagne" style="display: none; position: absolute; top: 40px; left: 188px;"><img src="gifs/carte_champagne_over.gif" width="59" height="86" border="0" usemap="#Map4" />
<map name="Map4" id="Map4">
  <area shape="poly" coords="18,5,19,11,14,18,15,26,5,29,6,40,2,44,4,53,1,59,15,75,30,71,37,75,37,80,46,85,54,81,59,74,54,70,53,75,34,46,36,38,37,17,45,19,40,13,33,12,30,1,26,7" href="#" onmouseout = "hideMe('champagne');" />
</map>
</DIV>



<img src="gifs/cartedefrance.gif" width="305" height="350" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="poly" coords="149,33,148,16,168,8,173,23,182,19,185,29,192,30,193,35,201,33,205,45,172,44,166,39" href="#"  onmouseover = "showMe('nord');"/>
<area shape="poly" coords="149,33,166,39,172,44,205,45,206,51,202,58,203,66,193,69,194,80,190,84,182,75,154,74,151,71,150,51,144,43" href="#" onmouseover = "showMe('picardie');"/>
<area shape="poly" coords="206,45,207,51,202,58,203,66,193,69,194,80,190,84,192,93,189,99,203,115,218,111,225,115,225,120,234,125,242,121,247,114,242,110,241,105,222,86,224,78,225,57,233,59,228,53,221,52,218,41,214,47" href="#" onmouseover = "showMe('champagne');"/>
</map>

Ce code fonctionne si ma carte est au point zéro (top=0 & left=0) de mon site.
Or, cette carte sera destinée à un emplacement sur un site qui ne sera pas le point d'origine, et dès que j'essaie de placer ce code sur ma page, c'est la catastrophe.
J'ai essyé plusieurs choses : poistion relative.....mais rien à faire, les images rolls over partent dans tous les sens, ou l'apparition du roll-over décalle la carte initiale....

Je cherche à encapsuler le code de cette carte afin que qu'elle-ci fonctionne, quelque soit l'endroit sur la page.
Je pense qu'il s'agit d'un calage de div, est-ce que quelqu'un pourrait m'aider ?

Merci