Problem mit Akkordeon-Menü

[Sempervivum]

Hallo,
ich habe versucht, mein dreistufiges CSS-Menü auf ein Akkordeon-Verhalten umzustellen:
http://www.ulrichbangert.de/index2.html
Das Akkordeon findet man unter dem Punkt "Blumen und Pflanzen". Leider funktioniert es so nicht richtig: Nur die ersten beiden Menüpunkte mit je vier Unterpunkten werden aufgeklappt. Geht man weiter nach unten, verschwindet das Menü weil die Untermenüs nur noch zwei bzw. drei Unterpunkte haben, so dass die Maus aus dem Menü herausfällt.
Erweitere ich diese Menüs mit Dummys auf ebenfalls vier Unterpunkte, funktioniert alles:
http://www.ulrichbangert.de/index3.html
Sieht bloß bescheiden aus.
Kennt jemand eine bessere Lösung?
Freundliche Grüße - Ulrich

[kkapsner]

Deswegen funktionieren alle Akkordeon-Menüs, die ich bis jetzt gesehen hab' mit einem Mausklick - also mit JS.

Mit CSS würde mir jetzt nur der :focus-Selektor einfallen - hab' damit aber noch nicht viel gemacht und bin nicht sicher, wie der von den Browsern bei welchen Elementen unterstützt wird.

PS: du könntest natürlich dein Menü umsortieren, so dass die Einträge mit den vielen Unterpunkten weiter unten sind...