Javascript Mouseout Problem

[Neori]

Hallo ich hab ein kleines Problem:
Ich bin gerade am schreiben eines kleinen Dropdownmenüs:


Das sind die Funktionen die das Anzeigen und verbergen der Div Layer steuern:

function hide_all_drop()
{
  document.getElementById('newmail').style.display="none";
  document.getElementById('optionen').style.display="none";
  document.getElementById('serverauswahl').style.display="none";
}
function show_div(divid)
{
  hide_all_drop();
  document.getElementById(divid).style.display="inline";
}
function hide_div(divid)
{
  document.getElementById(divid).style.display="none";
}
function change_image(id,img)
{
  var path="images/buttons/";
  id.src=path+img;
}

hiermit wird das Anzeigen aufgerufen:

<a href="#" onmouseover="show_div('newmail');"><img src="images/buttons/write_inaktiv.gif" onmouseover="change_image(this,'write_over.gif');" onmouseout="change_image(this,'write_inaktiv.gif');" border="0" alt="eMail schreiben" style="width:100px; height:50px;" /></a>

Und hier ist das zu zeigende Div:

<div style="position:absolute; top:75px; left:130px; width:150px; z-index:6; display:none;" id="newmail" class="menu" onmouseout="hide_div('newmail');">
<a href="#">HTML Mail</a><br />
<a href="#">Text Mail</a><br />
</div>

wie man am onmouseout im neueingeblendeten Div sieht, soll es verschwinden, sobald die Maus den Bereich verlässt.

Funktioniert super, nur das ich nun das Problem hab, sobald die Maus über einen Hyperlink im Div fährt, und diesen (den Hyperlink) verlässt, das div ebenfalls verschwindet.

Meine Frage: wie kann ich verhindern dass das Div ausgeblendet wird, wenn die Maus über einen Hyperlink fährt.

mfg Neori

 

[Sven Mintel]

Notiere mal in dem anzuzeigenden Div auch die Aktion fürs mouseover(also dass es dann angezeigt wird)