Undermenu der aktiveres med mouseover/out optager plads

Jeg har i venstre side ca. 7 overskrifter/links og et par af disse er udbygget med en undermenu når musen er over linket. Problemet er, at der kommer for meget afstand mellem de links med undermenuer i forhold til mellem de andre links = det ser lidt dumt ud.
:::::::::::::::::::::::CODE::::::::::::::::::::::::::::::

<a class="dropdown" onMouseOver="MM_showHideLayers('lag1','','show')" onMouseOut="MM_showHideLayers('lag1','','hide')" href="#"><span id="text5" style="color:silver;font-size:15px;font-family:verdena" onmouseover="document.getElementById('text5').style.color='#FFFFFF'"onmouseout="document.getElementById('text5').style.color='silver'">Salg/Køb af lejligheder</span></a>

<div onMouseOver="MM_showHideLayers('lag1','','show')" onMouseOut="MM_showHideLayers('lag1','','hide')" id="lag1" id="menuemn1" style="z-index: 3; background-color:black; visibility: hidden; width: 120; height: 64; border: 1px solid #000000">
<div align="left">
  <table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr>
      <td width="100%"><a class="dropdown1" href="resume.html" target="main">&nbsp;<span id="text12" onmouseover="document.getElementById('text12').style.color='#FFFFFF'"onmouseout="document.getElementById('text12').style.color='silver'">d.10.03.2002</span></a></td>
    </tr>
    <tr>
      <td width="100%"><a class="dropdown1" href="resume.html" target="main">&nbsp;<span id="text13" onmouseover="document.getElementById('text13').style.color='#FFFFFF'"onmouseout="document.getElementById('text13').style.color='silver'">d.05.05.2002</span></a></td>
    </tr>

  </table>
</div>
</div>
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Dette er koden til det ene link med undermenu. Kan man gøre det således, at den ikke tager pladsen når undermenuen ikke vises???

Lidt svært at forklare problemstillingen, men eer selvfølgelig klar til uddybning af spørgsmålet ;-)

På forhånd tak

Mads