div-boks over imagemap

Hej eksperter

Jeg har et imagemap med få punkter der skal vise en div boks over mappet. Det virker efter megen roden rundt, at boksen bliver samme sted, men nu er problemet at en lille undermenu, der skal være under mappet, rykker sig mega langt ned på siden af en eller anden årssag... Kan nogen hjælpe mig mon?
---------------------------------------------------------------

<table border="1" cellpadding="0" cellspacing="0" width="670px" height="1541">
    <tr><td colspan="3" align="center" height="300px" valign="top">

    <div id="Layer1" style="width:216px; z-index:50; position:relative; top:45px;left:201px;">
      <table width="200" border="0" height="200" cellpadding="0" cellspacing="0">
      <tr>
    <td class="tdblaa">
    <div class="scrolltekstblaa">
tekst til indholdet
</div>
    </td>
      </tr>
    </table>
    </div>

    <div id="map" style="z-index:2; position:relative; top:-200; margin:0; padding:0;">
    <img src ="../billeder/verdenskort.gif" usemap="#dk-kort.gif" border="0" cellpadding="0" cellspacing="0">
        <map name="dk-kort.gif">
          <area href="ref_danmark.php" alt="Danmark" shape="rect" coords="328,98,335,106">
          <area href="ref_tyskland.php" alt="Tyskland" shape="rect" coords="329,112,337,119">
          <area href="ref_sverige.php" alt="Sverige" shape="rect" coords="338,86,345,94">
          <area href="ref_usa.php" alt="USA" shape="rect" coords="141,138,148,146">
        </map>
    </div></td>
    </tr>
<tr><td height="40">
<div style="position: relative; top:-200px">
<table border="0" cellpadding="0" cellspacing="0" width="500px" height="5px">
<tr><td width="222" valign="top">
her kommer undermenuen...
</td>
</tr></table></div></td></tr>
</table>