Hallo.
<ul class="liste">
Das ist unsinnig. Alle 'ul'-Elemente sind Listen.
Das war ja nur ein beispielhafter Name.
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) }'.
Okay, schade, daß das nicht geht.
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'.
Dann werde ich mich damit mal befassen.
Danke.
Qapla'
Wie meinen?