Gawd: Div Bereich verschwindet

Beitrag lesen

Hallo,

vielleicht kann mir hier jemand helfen:

Ich habe einen Div Bereich in meiner HTML Seite definiert, der beim mouseover erscheinen soll. Dieser hat zwei Links. Wenn ich auf dem Menüpunkt bin, werden mir auch beide Links angezeigt, ich kann dann auch runter mit der Mouse und einen Link anklicken (also in dem Fall ein MenuItem). Geh ich mit der Mouse ein Link weiter, dann verschwindet der Bereich. Genau wenn der Mousezeiger in der Mitte der beiden MenuItems ist passiert es. Woran kann das liegen?
Anbei auszüge aus meinen Dateien:

html:
...
<body>
<div class="menuBar" onmouseover="showLink('test1')">
<a href="..">menu1
</a>
</div>
<div id="test1" class="menu" style="visibility: hidden" onmouseout="hideLink('test1')">
<a href="menuItem">
Hallo1
</a>
<a href="menuItem">
Hallo2
</a>
</div>
</body>
...

css:
a {
 text-decoration: none;
}
div.menuBar{
 background-color: #d0d0d0;background-color: #d0d0d0;
 text-decoration: none;
}

div.menuBar a.menuButton{

color: #000000;
}
div.menu {
 padding: 0px 1px 1px 0px;

}

div.menu a.menuItem{
}

javascript:
function showLink(name){
 document.getElementById(name).style.visibility = "visible";
}

function hideLink(name){
 document.getElementById(name).style.visibility = "hidden";
}

Vielen Dank im voraus schonmal.

Gruß

Gawd