Nein, das hast du bereits - du bist nur mit der technisch einwandfreien Antwort unzufrieden.
Ich denke ich soll das SO nicht machen??
Um sämtliche Verwirrungen zu beseitigen:
Du sollst keien IMG-Element verwenden wenn es nur um Verzierung geht - und deine Menüpunktverzierung ist fast 100%ig sicher nur Verzierung.
"Hintergrundbilder sollten Hintergrundbilder sein und keine <img>, weil sie der Gestaltung dienen."
Ja, dein Menüpunkt dient der Gestaltung - der Inhalt selbst ist nicht die Grafik sondern der Ankertext: darum nimm ein Hintergrundbild.
Und es ist ja kein Hintergrundbild.
Und genau das ist unsinn ;)
Ausserdem: es funktioniert ja nicht!!!
Wenn ich das Bild als background-image einbinde, dann stimmt die Formatierung nicht mehr.
Ja, du kannst nicht davon ausgehen, dass die formatierung für ein Hintergrundbild 1:1 mit der eines img-Elements übereinstimmt. Das musst du natürlich korrigieren - mit CSS.