Es soll immer nur das "direkte" <li> geändert werden, keine übergeordneten <li>s! Wenn also beispielsweise Unterseite 2b gehovert wird, soll nur der <li> von Unterseite 2b gehovert werden, jedoch NICHT auch der <li> von Seite 2, in dem sich Unterseite 2b befindet.
.deindirekteselement:hover{}
Wie meinen?
Meinst Du so:
#seite2b:hover { list-style-image: url(grafik2.gif) }
?
Klappt doch nicht, da das <li> von Unterseite 2b im <li> von Seite 2 ist!