Probleme Darstellung IE 6 / 7 / 8

Hallo!
Für einen guten Bekannten erstelle ich gerade eine Internetseite.
Die Website wurde vom W3C Validator als valide eingestuft und erscheint in Firefox, Safari, Chrome, IE 9 wie gewünscht.
Leider sieht die Sache bei IE 6 / 7 / 8 deutlich anders aus, und zwar in der Form, dass der „blaue Inhaltsteil“ auf der rechten
Seite der Website unterhalb der vorherigen Boxen erscheint, obwohl er daneben erscheinen sollte. Scheint wohl ein Problem
mit den Floats zu sein. Weiß jemand Rat?

Es geht um die Seite:
Begleitung - Spuren und Perspektiven - Thomas Lauer

(als Beispiel)

Es wäre lieb, wenn jmd. einen Tipp diesbezüglich hätte…bin grad echt mit meinem Latein am Ende…
Danke für Eure Mithilfe

Alex

Wird bei mir im IE8 korrekt angezeigt

Die Schrift wird bei mir im Firefox (6.0.2, Ubuntu) so gerendert:

Wenn etwas falsch dargestellt wird, könnte das an den Eigenschaften dieser div-Wüste liegen.

Z.B. hast Du in #begleitungheadline eine Breite UND Innenabstände festgelegt. Letztere werden zur Breite addiert und ergeben somit ein breiteres Element als vermutlich gewünscht. Der IE könnte sich hier besonders problematisch verhalten.

Ich würde dir empfehlen die Formatierung der Texte, Menüs, Überschriften etc. zu überdenken. Du verwendest eindeutig zuviele

-Elemente.