Andi D.: Problem mit list-style-image und dem IE

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

  1. #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?