Klappmenüs

[Alexander Müller]

Hallo Gruppe,

Ich habe mit CSS ein Klappmenü programmiert, welches sich öffnet wenn ich über ein Listenelement fährt.

Hier der HTML-Code:

<div class="menu">
<h1>Auswahl</h1>
 <ul>
  <li><a href="index.php?load=2">Beispiel 1 (Klappmen&uuml;)</a>
   <ul>
 <li><a href="index.php?load=2&amp;id=1">Eintrag 1</a></li>
 <li><a href="index.php?load=2&amp;id=1">Eintrag 2</a></li>
 <li><a href="index.php?load=2&amp;id=1">Eintrag 3</a></li>
 <li><a href="index.php?load=2&amp;id=1">Eintrag 4</a></li>
 <li><a href="index.php?load=2&amp;id=1">Eintrag 5</a></li>
   </ul>
  </li>
</ul>
</div>

Im CSS wird der zweite <ul> versteckt und wenn :hover ausgelöst wird wird des <ul> wieder angezeigt (display: block).

.menu li ul
{
 position: absolute;
 left: 190px;
 top: 19px;
 display: none;
}

.menu li:hover ul
{
 width: 120px;
 display: block;
}

Zur besseren Übersicht findet ihr die Seite auf http://www.dnadmin.com/files/base_layout/.

Das Problem ist, dass das Klappmenü verschwindet wenn man über #content fährt. Wie kann ich des beheben?

Gruß
 -- Alexander Müller