Hilfe: Kann mir bitte jemand diesen Fehler erklären?

[Vinzenz]

Hallo Ingo,

Die divs sind diagonal von links oben nach rechts unten angeordnet.

Gleiches gilt für IE 6, Windows XP SP2.
Die diagonale Anordnung kannst Du beheben, indem Du Deiner Klasse

.element {
        /* bisher */
        clear: left;
    }

hinzufügst.

Das habe ich befürchtet. Ich weiß aber nicht was ich anders machen soll :-(

Ursache dafür ist, dass die Breite der Klasse .ElNav nicht groß genug ist, und die letzte Grafik in eine neue Zeile rutscht. Dies ist sowohl in Firefox, als auch in IE abhängig von der Schriftgröße. Das ist auch logisch, denn bei größerer Breite von 1em wird Deine Box auch breiter, die Grafiken hingegen bleiben gleich groß. Wird die Schrift groß genug, so passt alles in eine Zeile.

Das ist im IE bei mir mit Schriftgrad "Sehr groß" der Fall, in Firefox muss ich einmal vergrößern. Einfache Abhilfe schafft Erhöhen der Breite von .ElNav auf 5.5em.

Freundliche Grüsse,

Vinzenz

PS: Dein CSS könntest Du gewaltig abspecken, so unterscheiden sich z.B. die Angaben in
      a.navigation:...
    nur in der Farbe.
    Ein schlankeres CSS lässt sich leichter pflegen :-)