Menu Ein- Ausklappen

[Umlauf]

Hallo,

ich bin gerade dabei, ein ausklappbares Menu zu realisieren und ich habs auch geschafft, dass das Menu ausklappt und wieder einklappt aber leider kann ich auf dem ausgeklappten Menu nichts anwählen, da das Menu dann wieder einklappt,
Meine Frage wäre jetzt, wie kann ich es machen, dass das Menu nicht sofort wieder einklappt, wenn ich mit der Maus aus dem Menüpinkt "Anmeldung" draussen bin?
Besten Dank,
lg
Umlauf

MENÜPUNKT:

  
<li id="Anmeldung" onmouseover="showMenu('menuRegistrationHide')" onmouseout="hideMenu('menuRegistrationShow')"><a href="/unternehmen.php">Anmeldung</a></li>  

AUSGEKLAPPTES MENÜ:

  
<div id="menuRegistrationHide">  
                <table border="0" cellpadding="2" cellspacing="1" width="100%">  
                    <tr>  
                        <td class="menu"><a class="menu" href="">Anmeldeformular</a></td>  
                    </tr>  
                    <tr>  
                        <td class="menu"><a class="menu" href="">Anmeldung</a></td>  
                    </tr>  
                </table>  
            </div>  
        </div>  

JAVASCRIPT ZUM ID SETZEN

  
function showMenu($m){  
    $menu = document.getElementById($m);  
    $menu.id = 'menuRegistrationShow';  
    }  
  
function hideMenu($m){  
    $menu = document.getElementById($m);  
    $menu.id = 'menuRegistrationHide';  
    }  

CSS ID welche jeweils für das ausgeklappte Menu gesetzt wird:

  
  
#menuRegistrationHide {  
    width:140px;  
    visibility:hidden;  
    z-index:0;  
    position:absolute;  
    margin-left:220px;  
}  
  
#menuRegistrationShow {  
    width:140px;  
    z-index:0;  
    position:absolute;  
    margin-left:220px;  
}