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 der er et godt stykke tomt hvidt under imagemappet og undermenuen, som er tomt. Det for kun sidebjælkerne til at blive længere ud over normalen.

Hvis jeg fjerner imagemappet fra koden, så bliver størrelsen som den skal være, så jeg går ud fra det er den der driller.
---------------------------------------------------------------

<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="height:0px;width:0px;">
<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></div></td></tr>
</table>