Hallo,
also zunächst mal: Bei deinem Problem kann ich dir nicht viel weiter helfen. Nur eine Anmerkung zu deinem Code: Heißes Eisen! Als Inhalt von <ul> ist nur <li> erlaubt, nicht aber ein weiteres <ul> wie bei dir. Wenn du das schachteln möchtest, dann musst du das innere <ul> in ein <li> verlagern, bevorzugt in das des entsprechenden Oberpunktes.
Dann: Das Menü auf der von dir angegebenen Seite geht bei mir (Firefox) direkt beim Überfahren mit der Maus auf (bzw. das direkt verlinkte geht gar nicht auf, das hovert nur).
Der Unterschied zwischen dem reinen CSS-Menü und der JavaScript Lösung ist prinzipiell der: Die CSS-Lösung setzt auf die Interpretation des :hover im CSS, das ausschließlich auf die Mausposition reagiert. Um auf den Klick zu reagieren müsstest du diese Effekte komplett ausbauen und den Menüpunkten stattdessen im onclick-Event beibringen, dass sie das entsprechende Untermenü über das style-Objekt sichtbar bzw. unsichtbar machen.
MfG
Rouven
-------------------
There's no such thing as a free lunch -- Milton Friedman