[tunix]

Hallo zusammen,
ich habe ein Menü als Liste. Jede Menüpunkt habe ich eine eigene Bullet-Grafik vorangestellt, die sich bei einem hover ändern soll. Im FF, Safari und IE8 schaut alles gut aus, IE6+7 zeigen gar nix an (weder im Normalzustand noch im hover).

Hier mein CSS:

#sub_navigation ul{
        padding:4px;
        margin:0 0 0 35px;
        list-style-image:url(/images/submenu_off.gif);
}

#sub_navigation li{
        margin-right:40px;
        float:left;
        margin-bottom:5px;
}

#sub_navigation a{
        color:#ffffff;
        text-decoration:none;
}

#sub_navigation li:hover{
        list-style-image:url(/images/submenu_on.gif);
        color:#000000;
}

#sub_navigation .current{
        color:#000000;
        list-style-image:url(/images/submenu_on.gif);
}

Wie krieg ich das auch unter'm IE6+7 hin bzw wo ist der Fehler?

Vielen Dank und Gruß, Andi

[tunix]

Hallo nochmal,
konnte das Problem gerade noch eingrenzen. Wenn ich bei #sub_navigation li das float:left weglasse, wird die Bullet-Grafik richtig angezeigt. Komisch, oder? Aber dann steht das Menü eben auch untereinander und nicht nebeneinander.

Jemand eine Idee?

[uspri]

IE 6 kann kein :hover auf einem li, nur auf a. Da es sich ja um eine Navigation handelt, dürften doch auch Links in den li vorhanden sein. Gib doch denen einen display: block und dann die Hintergrundgrafiken.

[tunix]

Zitat von uspri

IE 6 kann kein :hover auf einem li, nur auf a. Da es sich ja um eine Navigation handelt, dürften doch auch Links in den li vorhanden sein. Gib doch denen einen display: block und dann die Hintergrundgrafiken.

Hi und danke für die schnelle Antwort,
das von Dir angesprochene Problem ist sicherlich richtig, aber hier klemmt es schon viel früher. Denn selbst im nprmalen Zustand wird die Grafik nicht angezeigt - unabh. vom link oder hover. Also selbst wenn es kein Menü sondern nur eine Aufzählung wäre, klappt es mit dem float:left nicht mehr.

Aber ich werde es stattdessen wir von Dir vorgeschlagen mal mit einer BG-Grafik versuchen. Seltsam finde ich es trotzdem

[uspri]

Ansonsten stell mal irgendwo einen Testcase online, damit man das Problem mal live nachvollziehen kann.

[Boris]

Benutze background: für diese Zwecke, über list-style-image hat man sehr schlechte Möglichkeiten, es für alle Browser ordentlich darzustellen.