Merkwürdiger Effekt im IE 6 bei background-image in <a>

[Elya]

Hallo liebe Kollegen,

Auf meiner Seite stelle ich gerade einen Darstellungsfehler fest, den ich mir nicht so recht erklären kann: ich habe mit

<p>laber laber laber <a href="http://www.example.com" class="ext">www.example.com</a> laber laber laber</p>

externe Links in meinen Texten gesetzt. Diese sind mit einem kleinen Icon gekennzeichnet:

#content a.ext {
                background-image:url(../img/icon_extlink.png);
                background-repeat:no-repeat;
                background-position:center left;
                padding-left:13px;
                white-space:nowrap;
                }

Zu besichtigen unter z.B. http://www.visuelya.de/pgs/kollegen_und_freunde.php und die CSS-Datei unter http://www.visuelya.de/css/styles.css

Soweit, so gut. Jetzt schiebt der IE 6 aber immer dann (und nur dann), wenn das "nowrap" zum Tragen kommt, nämlich der komplette Link aus Platzgründen im laufenden Text in die nächste Zeile rutscht, das Hintergrund-Icon in den Linktext hinein (oder umgekehrt).

<img src="http://www.visuelya.de/selfpics/linkfehler_ie6.png" border="0" alt="">

Steht der Link hingegen mitten in einer Zeile oder ist mit einem <br /> o.ä. in die nächste Zeile gezwungen, ist die Darstellung korrekt.

<img src="http://www.visuelya.de/selfpics/link_korrekt_ie6.png" border="0" alt="">

Ich habe ein wenig im CSS rumgespielt, mir fehlt es allerdings an griffigen Ideen, woran das liegen könnte. Interessant: IE 5.5 stellt es richtig dar.

Falls einzelne Seiten übrigens nicht ganz valide sind, bitte ich das gnädig zu übersehen, das liegt meist an meiner schlampigen Implementierung des Weblog-Scripts. Die Beispielseite und das CSS sind valide.

Gruß aus Köln-Ehrenfeld,

Elya