HTML: Listen-Einträge auf gleicher Höhe mit Symbol

[CalganX]

Hi,
ich habe mir für eine einfache unsortierte Liste in HTML ein Stylesheet gebastelt, das dem Listen-Eintrag statt dem Punkt ein GIF zuordnet:

Code:

.ulNav {
   list-style-image: url(../images/bullet.gif);
   list-style-position: outside;
   line-height: 25px;
   padding-left: 10px;
   margin-left: 10px;
}

Im Firefox sieht das auch soweit korrekt aus (o sei jetzt mal das Bild bullet.gif):

Code:

o Text

Also auf gleicher Höhe das ganze. Soweit auch richtig. Aber im Internet Explorer sieht das ungefähr so aus:

Code:

o
  Text

Also versetzt. Zwar keine ganze Zeile, aber genügend, damit ist beschissen aussieht.

Hat jemand eine Idee, was man da machen kann, damit auch der IE versteht, dass er das machen soll, wie der FF?

Chris