Menü klappt zu

[Nadja]

Hallo,

Hm, also irgendwas stimmt da noch nicht.

Im IE und Opera funktioniert das "neue" Menü sehr gut, aber im Firefox hab ich noch folgendes Problemchen:

Das erste Ausklapp-Menü schließt sich immernoch, wenn ich über den iframe / das div gehe. Alle anderen bleiben geöffnet.

Hab aber meines Erachtens für beide Menüelemente dasselbe angegeben...

Hier nochmal ein Auszug ausder HTML-Datei (würde euch ja gerne einen Link schicken, aber die Seite ist noch nicht "online"):
------------------
<!-- Beginn Menu  -->
   <dl id="menu">
    <dt onmouseover="javascript:montre('smenu1');" class="oberlinie"><a href="#">Menü1</a></dt>
    <dd id="smenu1" onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre();">
     <ul>
      <li class="unterlinie"><a href="#">Menü 1.1</a></li>
      <li class="unterlinie"><a href="#">Menü 1.2</a></li>
      <li><a href="#">Menü 1.3</a></li>
     </ul>
    </dd>

<dt onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre();"><a href="#">Menü2</a></dt>
    <dd id="smenu2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre();">
     <ul>
      <li class="unterlinie"><a href="#">Menü 2.1</a></li>
      <li class="unterlinie"><a href="#">Menü 2.2</a></li>
      <li class="unterlinie"><a href="#">Menü 2.3</a></li>
      <li><a href="#">Web based Competence Training</a></li>
     </ul>
    </dd>

</dl>
   <!-- Ende Menu  -->
----------------------

CSS:
-------------------
dl, dt, dd, ul, li
{
margin: 0;
padding: 0;
list-style-type: none;
}

#menu
{
width: 15em;
padding:0;
margin:0;
font-size:8pt;
font-family:Verdana;
color:#FFFFFF;
}

#menu dt
{
cursor: pointer;
background-color: #818181;
border-bottom: 1px solid #999999;
font-size: 8pt;
text-indent:1.5em;
line-height:2em;
height:2em;
}

#menu dt a
{
color: #FFFFFF;
text-decoration: none;
display: block;
padding:0;
width:100%;
line-height:2em;
}

#menu dt a:hover
{
display:block;
text-decoration:none;
background-color:#4F4F4F;
width:100%;
line-height:2em;
}

#menu dd
{
cursor: pointer;
position: absolute;
display:none;
z-index: 100;
left: 30em;
margin-top: -1.8em;
width: 20em;
background-color:#9E9E9E;
  border-bottom:1px solid #999999;
  padding:0px;
  font-size: 8pt;
  line-height:2em;
}

#menu dd a:hover
{
display:block;
text-decoration:none;
background-color:#4F4F4F;
width:100%;
line-height:2em;
}

#menu ul
{
padding: 0;

}

#menu li
{
font-size: 8pt;
padding: 0px;
width: 20em;
line-height:2em;
text-indent:1em;
}

#menu li a
{
color: #FFFFFF;
text-decoration: none;
display: block;
padding:0;
width:100%;
line-height:2em;
}

#menu li a:hover
{
display:block;
text-decoration:none;
background-color:#4F4F4F;
width:100%;
line-height:2em;
}

.unterlinie
{
background-color:#9E9E9E;
  border-bottom:1px solid #777777;
  padding:0;
}
-------------------

Weiß echt nicht, warum ausgerechnet nur das erste Ausklappmenü zuklappt...

Weiß jemand Rat?

Liebe Grüße,
Nadja