Untermenü in Navi verschiebt auch das Menü

[der Flo(H)]

Hallo zusammen,

ich versuche gerade verzweifelt die Navigation einer Seite anzupassen. Die Navigation besteht aus 6 Menüpunkten die jeweils ein untermenü besitzen, das aufklappt, sobald man mit der Maus darüberfährt.

Mein Problem dabei ist, dass die Punkte im Untermenü oft länger sind als der Menüpunkt selbst, weshalb ich die größe des aufklappenden Menüs angepasst habe. Leider verschiebt sich jetzt auch die ganze Navigation und es entseht ein freier Platz zwischen den Haupt-Menüpunkten und die ganze Navigation verrutscht.

Leider weiß ich nicht was ich dazu ändern muss.
Hier mal der Code:

<!--
  function montre(id) {
   if (document.getElementById) {
    document.getElementById(id).style.display="block";
  } else if (document.all) {
    document.all[id].style.display="block";
  } else if (document.layers) {
    document.layers[id].display="block";
  } }

function cache(id) {
   if (document.getElementById) {
    document.getElementById(id).style.display="none";
  } else if (document.all) {
    document.all[id].style.display="none";
  } else if (document.layers) {
    document.layers[id].display="none";
  } }
// -->

Und das beispiel eines Menüpunkts:

<li id="topic2"><a onmouseover="montre('smenu2');" onmouseout="cache('smenu2');" href="link">Menüpunkt</a>

<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
  <li><a href="link">Submenüpunkt 1</a></li>
  <li><a href="link">Submenüpunkt 2</a></li>
  <li><a href="link">Submenüpunkt 3</a></li>
  <li><a href="link">Submenüpunkt 4</a></li>
  </ul>
 </li>

Ich hoffe ihr könnt mir da weiterhelfen.