Pfeile für Listeneinträge in <ul> bei rechtsbündigen <li>

[LSpreee]

Bitte um Hilfe, weil ich keinen Ansatz finde.
Ich möchte in meiner <ul> vor jedes <li> einen kleinen Pfeil aus einer png-Grafik setzen.

Das klappt auch alles super, mit background-image, wenn ich den CSS-Code verwende:

#leftnavi ul li{  
  background-image:url(/pic/li_arrow.png);  
  background-position:left bottom;  
  background-repeat:no-repeat;  
  padding-left:10px;  
}  
#leftnavi ul li:hover{  
  background-position:left top;  
}  

Ich verzichte auf list-style-image, da ich gelesen habe, dass nicht alle Browser das gleich anzeigen.

Nun habe ich aber ausserdem die <li> rechtsbündig, mit

#leftnavi ul{  
  text-align:right;  
}

Statt

Ein Eintrag
            zweitens
  Bitte hier klicken

möchte ich aber ein Ergebnis, wie

> Ein Eintrag
           > zweitens
 > Bitte hier klicken

Wie muss ich ansetzen, um dies umzusetzen. FÜr Hilfe dankbar,
LSpreee