Hallo,
Na wenn das alles so viel einfacher und besser ist dann zeig mir doch auf die Rasche mal ein kleines Beispiel, welches genau mein Problem löst.
Mit deinem Code ist das schon schwierig. Du müsstest ihn schon so schachteln, dass sich das Untermenü (welches aufklappen soll) innerhalb des Bereiches befindet, welcher das Menü öffnen soll.
Am Besten wäre eine Liste:
<ul class="navi">
<li>
<a href="foo">bla</a>
<ul>
<li><a href="bar">Pinkt1</a></li>
<li><a href="bar">Pinkt2</a></li>
<li><a href="bar">Pinkt3</a></li>
</ul>
</li>
</ul>
Das CSS sieht dann so aus:
.navi > li ul {display:none;}
.navi > li:hover ul {display:block;}
Ein funktionsfähiges CSS-Menü mit allem Gestaltungs-Schnickschnack kannst du http://de.selfhtml.org/css/layouts/anzeige/nav_modern.htm@title=hier betrachten.
Der einzige Browser, für den man noch ein wenig JS nachrüsten muss, ist der IE <= 6. Für den brauchst du das Script aber nicht erst mühevoll selber schreiben, sondern kannst auf <http://de.selfhtml.org/css/layouts/navigationsleisten.htm#javascript@title=dieses hier> zugreifen.
mfg. Daniel