Mouseover/mouseout problematik

[droom]

Hallo Folks,

ich habe zwei divs:
<div id="d2" style="display:none;">
<div id="d1" style="display:block;">

Wenn ich mit der Maus auf #d1 bin, soll sich #d2 öffnen. Wenn ich mit der Maus nun nicht mehr auf #d1 bin, soll #d2 wieder verschwinden, es sei denn ich bin mit der Maus auf #d2 rübergegangen. Beide divs sind direkt übereinander.

Ich habe es hingekriegt #d2 zu öffnen und schliessen abhängig davon ob ich auf #d1 bin aber wie kriege ich es dass #d2 verschwindet nur wenn ich nicht drauf gegangen bin.

Mein versuch sieht bisher so aus:
<div id="d2" style="display:none;">
<div id="d1" style="display:block;" onMouseOver="wechsle('d2')" onMouseOut="wechsle('d2')">

function wechsle(element){
var el = document.getElementById(element).style.display;
if( el == "none" ) { document.getElementById(element).style.display = "block";
} else {
document.getElementById(element).style.display = "none";
}
}

vielen Dank im Voraus.