Darstellungs Problem im IE6

[Thorsten]

Abend,

ich habe ein Problem mit dem IE6 der meine Seite nicht richtig darstellen möchte.

Vor ab Informationen:

Link: www.ivently.de/test/
Gesamtbreite der Seite: 990px
Alle Browser befinden sich im Standartkonformen Modus
Ich schreibe XHTML 1.0 Strict Charset = UTF-8

Fehlerbeschreibung:
Im Content sind 2 Boxen diese sind im FF IE7 und Opera nebeneinander.
Im IE6 aber untereinander.
Ich suche schon mehrere Std. nach diesem Problem aber ich finde einfach keine Lösung. Normaler weise kann es nur was mit den Breitenangaben sein, diese habe ich mittlerweile alle mehrmals durchgerechnet und meine Angaben stimmen. Ich komme mit allen Boxen und margins immer auf 975px so wie es sein soll.

Daher bitte ich euch mal drüber zu schauen, da ich einfach nicht mehr weiter komme.

Es ist nicht grade wenig CSS aber ich hoffe Ihr vergebt mir!

CSS Code:

  
@charset "utf-8";  
#debug{  
text-align:left;  
}  
h1{font-size:24px;}  
h2{font-size:18px;}  
h4{font-size:12px;}  
  
body {  
font-family:Verdana, Arial, Helvetica, sans-serif;  
font-size:12px;  
background-color:#F4F4F4;  
}  
p {margin:0px;}  
  
#page {  
width:990px;  
margin:0px auto;  
margin-top:10px;  
text-align:left;  
}  
#bg {  
width:990px;  
float:left;  
min-height:620px;  
background-image:url(Image/schatten.png);  
background-repeat:repeat-y;  
}  
#header {  
width:990px;  
height:160px;  
}  
#navigation {  
margin-left:5px;  
margin-right:5px;  
width:980px;  
height:29px;  
}  
#left {  
margin-left:15px;  
float:left;  
width:116px;  
}  
#content {  
float:left;  
margin-left:20px;  
width:644px;  
}  
#right {  
width:160px;  
float:left;  
margin-left:20px;  
}  
#footer {  
clear:both;  
text-align:center;  
line-height: 1.5;  
width:990px;  
height:20px;  
background-image:url(Image/footer.png);  
background-repeat:no-repeat;  
}  
.box_klein_l {  
float:left;  
width:312px;  
}  
.box_klein_r {  
float:left;  
width:312px;  
margin-left:15px;  
}