IE erweitert padding-right eines <li>-Elements

[Matthias Apsel]

Hallo ambiente1,

Auf meiner Problemseite erweitert der IE10/11/Edge13 jeweils das rechte Padding vom ersten <li>-Element der Navigationsleiste.

Nein. padding-right ist auf Null. Auch im Edge. Der hat offenbar ein Problem mit der Ermittlung von Größen bei svg-Grafiken. Setze statt

ul#nav_main > li > a > img {
  width: auto;
}

eine feste Breite für das Bild.

Der Selektor ist im Übrigen überspezifiziert. Eine nav_main wird es ja projektweit nur einmal geben, es gibt also keinen Grund ul#nav_main zu schreiben. Und wie ich das sehe, ist es auch das einzige Bild in der Navigation:
#nav_main img sollte reichen.

Mir glüht langsam der Kopf... :-(

Benutze die Entwicklertools der Browser.

Bis demnächst
Matthias