Wie mir Nils dankbarerweise mitteilte, sahen meine externen Links im Internet Explorer teilweise etwas seltsam aus. Das Icon, welches anzeigt, dass es sich um einen externen Link handelt, wird in einem speziellen Fall nicht neben dem Link sondern darüber angezeigt. Dieser spezielle Fall tritt dann ein, wenn der Link im Fließtext am Zeilenanfang steht. Aber auch nur dann, wenn die Zeile umbricht, weil die davorstehende Extern-Grafik den Link zu lang machen würde, als dass er noch in die vorherige Zeil passte. Das Beispiel im Bild zeigt die Sache ganz anschaulich, denke ich.

Dieses Fehlverhalten ist nicht nur in älteren Versionen des IE zu sehen, sondern auch der neue IE7 zeigt diesen Fehler. Da ich auch nach längerem Suchen keine geignete Lösung für dieses Problem gefunden habe und ich es langsam leid bin, mich permanent wegen des Unvermögens der Microsaft-Deppen zu verbiegen, habe ich jetzt eine etwas radikalere Variante gewählt:

.post p a[href^="http:"]
{
  background: url(externer_link.gif) center left no-repeat;
  padding-left:15px;
}

Hintergrund dieser Technik ist der CSS3-Selektor ^=, der sich in diesem Fall nur auf Links bezieht, die mit "http:" anfangen, also externe Links. Gefunden habe ich diese Lösung bei Kryogenix.org. Genauso könnte man übrigens auch nach Dateiendungen suchen [foo$=".bar"] und zum Beispiel PDF-Dateien gesondert mit einem Icon kennzeichnen. Nachteil dieser Technik ist selbstverständlich, dass nur wenige Browser derzeit etwas mit CSS3-Attributselektoren anfangen können. Die neuen Firefox-, Safari- und Opera-Versionen können es und der IE bis zur Nummer 6 auf keinen Fall. Ob der IE7 es schafft, muss mir Nils beantworten.