Hauptmenue wie bei opera.com zum Ausklappen

[Markus]

hallo alle zusammen,

ich bin ziemlicher newbee was JS angeht,
aber ich versuche mir gerade ein kleines Pulldown-Menue (sowas wie es opera.com in der Haupt-Navi benutzt) zu bauen.

Im Prinzip kann ich doch ein Div nehmen, und dieses via CSS unsichtbar machen. Fährt der Besucher mit der Maus über einen bestimmten Link,
wird das Div sichtbar gemacht. Geht er wieder weg, macht man es wieder unsichtbar.
Das klappt auch schon ganz gut:
<script type="text/javascript">
<!--
function menue(menuediv,action) {

switch(action) {
       case "show":
            document.getElementById(menuediv).style.visibility='visible';
          break;
         case "hide":
            document.getElementById(menuediv).style.visibility='hidden';
          break;
      }

}
-->
</script>

und dazu der entsprechende Aufruf:
<a href="#" onMouseOver="menue('sub1','show')" onMouseOut="menue('sub1','hide')">Test 1</a>

Soweit so gut.

Aaaaaaaaaber:

Will man nun mit der Maus einen _in dem Div_ befindlichen Link anklicken, verschwindet das Div in dem Moment in dem ich mit der Maus von dem Link verschwinde (logisch, onMouseOut macht ja auch das Div wieder unsichtbar).
Wie stelle ich das an, daß das Div solange sichtbar bleibt wie ich mit der Maus darüber bin?!? Auf eine möglichst saubere, einfache und elegenante Methode?

Vielen Dank für eure Hilfe,
Grüße,
Markus