Problem mit list-style-image und dem IE
Andi D.
- css
0 Andi D.
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.
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? Vielen Dank und Gruß, Andi
#sub_navigation li{
margin-right:40px;
float:left;
margin-bottom:5px;
}
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?