CSS-Kennzeichnung von Links mit Icon - Problem mit IE

Hallo,
ich möchte fallweise (also nicht pauschal) Links in meinem Blog durch ein kleines Icon kennzeichnen. Ich habe daher kein Prugin installiert, sondern die Theme-CSS um eine neue Klasse erweitert. Dies ist mir auch grundsätzlich gelungen. Ich habe nur ein Problem: Der Internet-Explorer zeigt dieses Icon im Gegensatz zu Firefox verfälscht an, wenn der gesetzte Linktext so lang ist, dass er in sich in der nächsten Textzeile fortsetzt. Screenshotgrafik anbei. Beim langen Link ist es verfälscht, beim kurzen Link wird es einwandfrei angezeigt. Das Problem betrifft offenbar nur den IE, während Firefox kein Problem damit hat.

Hat jemand eine Idee, wie ist dies verhindern kann? Habe schon lange nach einer Lösung gesucht, aber nichts gefunden.

Vielen Dank.

Hier mal der maßgebliche Inhalt der CSS:

.wichtigerlink {
    background: transparent url('images/button-ink.gif') 100% 50% no-repeat;
    padding-right: 15px;
}