Navigationsherausforderung mit CSS

Also

Ich habe eine Menü, in dem ich die verfügbaren Pages aufliste. Wenn ich mit der Maus über dias Menü fahre wird innerhalb des Page-Namens ein kleines rotes Viereck sichtbar.

Im CSS sieht das so aus:

...
a:hover {
text-decoration:none;
background-image:url(images/h_over.gif);
background-repeat:no-repeat;
}
...

Mit dem Ergebnis, das, wie gesagt, das h_over.gif sich genau hinter dem Page-Namen zeigt.

Ich müsste jetzt doch über padding-left oder ähnlich das Image oder den Text oder das Menü oder die Liste so verschieben können,dass das Bild gegenüber dem Text etwas mehr links und damit nicht mehr im Wort, sondern davor erscheint und das immer im gleichen Abstand zum linken Bildrand.

Ist das zu schwer ...?

Ich würde mich über einen Hinweis sehr freuen. Danke. Bix.

Zitat von Monika

dies einfach oben innerhalb der geschwungenen Klammern

Ne. Funktioniert nicht. Schade.

Die a.over-Anweisung steht innerhalb einer allgemeinen Menü-Anweisung. Mithin ist auch das padding-left davon betroffen.

Gibt es da etwas, mit dem ich NUR TEXT etwas nach rechts schiebe und NUR BILD etwas nach links? Dann hätte ichs.

Danke. Bix.

Ne. Geht auch nicht!

Wie gesagt, ich bekomme das Bild nicht nach links, solange der Text nicht nach rechts geht.

Danke, Bix.