(css) horizontale Liste mit eigenen Item-Icons werden im IE nicht angezeigt

[Jenoptik]

Hallo,

muss eine barrierefreie Seite erstellen und oben soll ein "Navigationspfad" erscheinen, der anzeigt, auf welcher Seite man sich "hierarchisch" befindet. zwischendrin soll immer ein kleiner Pfeil sein.

wollte das Problem mit einer Liste machen und hab dann per "list-style-image" den pfeil zugewiesen. Funktioniert sowohl im Firefox, als auch im IE. ABER sobald ich die Liste horizontal ausrichte, werden die Pfeile NUR noch im Firefox und NICHT mehr im IE angezeigt:

########### HTML ##########

<div id="navpath">
   <ul>
      <li><a href="...">Startseite</a></li>
      <li><a href="...">Kultur und Freizeit</a></li>
      <li><a href="...">Kultureller Rundgang</a></li>
      <li><a href="...">Taubenbrunnen</a></li>
   </ul>
</div>

######## CSS ##############

#navpath ul {
    margin: 10px; 
    padding: 0x;
}

#navpath ul  li{
    list-style-image: url(../img_css/navpath_arrow.gif);
    float: left;
    margin: 2px 11px 2px 8px;
} 

[Jenoptik]

hab ne lösung gefunden:

ich mach einfach net die icons für die liste, sondern an den links dran mit

#navpath ul li a{
    background-image: url(../img_css/navpath_arrow.gif);
    background-repeat: no-repeat;
    background-position: 0 5px;
    padding-left: 15px;
}