ausklappmenü bleibt nicht geöffnet (javascript)

[susi1600]

Also ich hab folgendes Problem: Bei meinem Ausklappmenü mit Javascript bleibt das Untermenü nicht sichtbar, sobald man mit der Maus darüber fahren will.

Hier mal der Auszug meines CSS-Codes:

<style type="text/css">
#navi {
  position: relative;
  width: 700px;
  height: 26px;
  padding-top: 15px;
  margin-bottom: 10px;
  *margin-bottom: 25px;
  background: url(../img/navi_bg.gif) repeat-x;
  text-align: center;
}
#navi a {
  margin: 0 15px 0 15px;
}


.untermenu {
  display: none;
  position: absolute;
  bottom: 43px;
  *bottom: 44px;
  left: 40px;
  width: 151px;
}

.untermenu a {
  display: block;
  width: 151px;
  height: 18px;
  padding-top: 10px;
  background: url(img/untermenu-bg.png) repeat-x;
  text-align: center;
}
</script> 

Und hier mein HTML:

<div id="navi">         

<a href="" id="lourdes"
onMouseOver="document.getElementById('lourdes_untermenu').style.display='block'"
onMouseOut="document.getElementById('lourdes_untermenu').style.display='none'">
<img src="img/link_lourdes.jpg" alt="">         
</a>            

<!-- Lourdes Untermenu -->             
<div class="untermenu" id="lourdes_untermenu">                 
<a href=""><img src="img/link_lourdes_ort.jpg" alt=""></a>                 
<a href=""><img src="img/link_lourdes_lichterprozession.jpg" alt=""></a>                 
<a href=""><img src="img/link_lourdes_bericht.jpg" alt=""></a>                 
<a href=""><img src="img/link_lourdes_links.jpg" alt=""></a>             
</div><!-- Ende Lourdes Untermenu -->           

</div><!-- Ende navi --> 

Anzusehen ist das ganze hier

Wie löse ich diese Geschichte denn?

[Kropff]

worked as designed:

<a href="" id="lourdes"
onMouseOver="document.getElementById('lourdes_untermenu').style.display='block'"
onMouseOut="document.getElementById('lourdes_untermenu').style.display='none'"> 

schau dir ggf. mal das
tutorial an. da gdeht es um etwas ähnliches

peter