@@A-le-xan-der:
nuqneH
<ul class="liste">
Das ist unsinnig. Alle 'ul'-Elemente sind Listen. Eine Klasse "liste" für ein 'ul'-Element sagt rein gar nichts aus. Außer, dass der Autor nicht weiß, wie man sinnvolle Klassennamen vergibt.
"navigation" könnte ein sinnvoller Klassenname sein oder kürzer "nav".
Aber die Hoveranzeige klappt immer noch nicht.
Kann auch nicht. Wenn das 'li'-Element 2b gehovert ist, dann ist auch das 'li'-Element 2 gehovert, denn ersteres liegt ja in letzterem. Es gibt in CSS keine Möglichkeit, im DOM aufwärts zu gehen à la 'li:hover<ul<li { list-style-image: url(grafik.gif) }'.
Du musst also den Effekt auf Elementtypen anwenden, wo das Element des Unterpunkts nicht in dem des übergeordneten Punktes enthalten ist. Die 'a'-Elemente bieten sich an; gib diesen die Grafik als Hintergrundbild, nicht 'list-style-image' für 'li'.
Und zwar eine Grafik, die beide Bilder enthält: CSS-Sprites [A List Apart, Webkrauts]
Qapla'
Alle Menschen sind klug. Die einen vorher, die anderen nachher. (John Steinbeck)