✔ Link erscheint in IE doppelt

[TimN]

Hallo,

Ich habe eine sher mysteriöses Problem im Internet Explorer (Im Firefox wird alles korrekt angezeigt). Ich habe ein Paar Links mit Hintergrundbild (das Menü) nebeneinander. Das Ganze ist in einen div-Container gepackt.
Die Breite der Bilder zusammengezählt ergibt die Breite des Containers.
Im Internet Explorer wird jedoch der Letzte Link teilweise nochmal in einer neuen Zeile angezeigt.

Ich habe mal alles soweit vereinfacht wie möglich:

  <div id="navi">
    <a href="" class="headnavi">Home</a>
    <a href="" class="headnavi">Steckbrief</a>
    <a href="" class="headnavi">Mediacenter</a>
    <a href="" class="headnavi">Partner</a>
    <a href="" class="headnavi">Gästebuch</a>
    <a href="" class="headnavi">Links</a>
    <a href="" class="headnavi">Konktakt</a>
  </div>

div#navi {
  width: 896px;
}

a.headnavi {
  width: 128px;
  height: 30px;
  float: left;
}

Im Anhang ist noch eine Kleine Grafik die den Fehler Zeigt.

Woran liegt das denn? Und wie kann ich das Problem lösen?
PS: Ich habe gerade einen kleinen Tippfehler bei dem Wort Kontakt entdeckt, der jedoch nicht für das Problem verantwortlich ist

 

[Maik]

Hi,

sieht nach einer Form des "The IE6 Three Pixel Text-Jog" aus.

Lösung:

a.headnavi {
  width: 128px;
  height: 30px;
  float: left;
  margin-right: 0 !important;
  margin-right: -3px;
}

mfg Maik

 

[TimN]

Und wie durch ein Wunder ist das Problem verschwunden
Danke