#left in IE7 nach rechts in #main verrutscht

liebes Forum,
ich habe für eine Freundin eine neue Website mit TL erstellt, alles läuft prima, aber unter IE7 verrutscht die linke Spalte nach rechts in die Hauptspalte. Kann mir jemand einen Tip geben, was ich an speziellem Code für IE7 angeben muss ? Oder gibt es eine allgemeingültige Lösung ? Es sieht unter IE8 & 9, Firefox, Chrome und Safari prima aus.
Link : www.cgc.lu/cgc-neu
CSS in TL-Backend erstellt :

body{background:url("tl_files/cgc/CGC-Background.gif") center top repeat-x;}
#left{width:200px;height:600px;top:200px;position: absolute;background-color:#ffd503;}
#main{width:600px;height:600px;bottom:0;left:200px ;right:0;top:200px;position:absolute;background-color:#ffffcc;}

1000 Dank im Voraus,
elke

Kann mir denn niemand helfen ? Ich sehe als letzten Ausweg nur noch, auf IE7 zu testen und auf eine Fehlerseite umzuleiten, auf der ich die Nutzung von einem anderen Browser vorschlage. Brutal, aber ich weiß sonst keinen Ausweg. Außer jemand von Euch hat eine Idee.
Danke im Voraus,
elke

Hallo Elke,

die Frage stellt sich, warum du #left zusätzliche CSS-Eigenschaften gegeben hast. Also grade position:absolute; tut da nicht not.

Ich habe Deinen Code nur schnell überflogen, bersuch das, was du erreichen möchtest ohne diese Positionsangabe umzusetzen.

Gruß, Felix

Vielen Dank Felix,
das war der Trick.
Und IE6 ? wer hat sowas noch ?
ich bin ohne Ende glücklich.

ein schönes Wochenende,

elke

Also, generell arbeitest du recht viel mit Angaben für #left und #main, die nicht notwendig sind.
Warum gibst Du ein top mit, die Dinger liegen doch eh da, wo sie hingehören.

Auch die Breite ist in beiden Fällen nicht notwendig.

Am besten, Du schaust Dir noch mal das CSS-Framework von TYPOlight an, dann erkennst Du, welche Werte gesetzt wurden.
Dann sollte es auch mit dem IE6 besser aussehen.
Wobei man diesen auch langsam ignorieren kann - je nach Zielgruppe der Seite natürlich.

Gruß, Felix