Funktioniert allerdings im IE6 des IE-Testers nicht und ist im IE7 eher abschreckend anzusehen - Da hab' ich eine andere Vorstellung von Abwärtskompatibilät.
Mit abwärtskompatibel meinte ich hauptsächlich, dass es auch ohne CSS3 (also mit CSS2.1) funktioniert. Der IE6 kennt kein li:hover, daher hab ich den nicht beachtet. Die Fehler im IE7 könnte man relativ einfach beheben... die Funktionalität klappt da aber ;)
Wieviele Sublevels möchtest du auf Internetseite denn haben, wenn du dich zurechtfinden willst?
Es geht hier hauptsächlich darum, dass man nicht für jedes Sublevel eigene Klassen (.level1, .level2 usw.) festlegen muss.
MfG
ScaraX