onmouseover bricht bei ChildElement ab

[Micha Brick]

Hallo,

ich habe folgendes Script.

<script>

var aktiv = '0';
  var u = '-48';
  var v = '0';

function öffnen() {
    if (aktiv == '0') {
      aktiv = setInterval('fade()', 1);

}
  }

function schliessen() {
    clearInterval(aktiv);
    aktiv = '0';
    u = '-48';
    document.getElementById('asd').style.top=u;
  }

function fade() {

document.getElementById('asd').style.top=u;
    u++ ;

if (u == 0) {
      clearInterval(aktiv);
      aktiv = '1';
    }
  }

</script>

<div style="position: absolute; left: 0px; top: -48px; width: 100%; height: 55px; background-color:#7587A8;" onmouseover="öffnen();"

onmouseout="schliessen();" id="asd">
  <img src="...balbla...gif">
</div>

Gedacht ist, dass in dem Div ein Menue ist, welches über verschiedene Icons der Steuerung dient. Fährt man mit der Maus nun aber über eines der Icons, so schließt das Menü sich sofort, da die Icons nicht als Teil des Menues erkannt werden und das Menü wird geschlossen.
Wie kann ich die ChildElemente (Icons) in den mouseover einbeziehen?

Danke für Eure Hilfe
micha