Grafik bei a:hover verschiebt den Menüpunkt

[maggie]

Hallo,
bei einem Listenmenü möchte ich bei 'hover' und 'activ' ein Bild vor dem Menüpunkt anzeigen lassen. Dabei soll der Menütext um die Bildbreite nach re. versetzt erscheinen.
Bei diesen Styleangaben wird das unter dem Menütext.

.nav li a:hover {
background-image:url(../images/pfeil.gif);
background-position:center left;
background-repeat:no-repeat;
...

Text-align: center;
ist zuviel nach re. versetzt

Danke für Eure Hilfe.
Gruß
Maggie