Problem mit CSS, IE6 und DIV, Inhalt wird abgeschnitten.

[Skoll]

Hallo,

ich habe derzeit ein Problem mit dem IE6.
Bei einer Seite mit Div-Layout wird beim IE6 der Inhalt nicht angezeigt. In anderen Browser wie Opera und Firefox funktioniert es jedoch.
Die Seite hat folgende Eigenschaften (per CSS festgelegt):
Erstmal die allgemeinen Angaben zur Seitenhöhe:

hmtl  
{  
	height:100%;  
}  
  
body  
{  
	margin-bottom:1px;  
	height: 99.9%;  
}

Alle Inhalte sind in einem Div platziert:

#main_box  
{  
	width:1000px;  
	height:99.9%;  
	display:table;  
	margin-left:auto;  
	margin-right:auto;  
	padding:0px;  
	background-color:#ffffff;  
}

Dann kommt ein Header, daraunter links ein Menü und rechts daneben eine Navigationsleiste mit dem Seiteninhalt darunter.

Navigationsleiste und Seiteninhalt sind in einem Div gekapselt, der content_box. Diese floated rechts von dem Menü.

#content_box  
{  
	width:848px;  
	display:table;  
	overflow:visible;  
	margin-right:0px;  
	padding-right:0px;  
	float:right;  
}

Das Problem ist nun das der Seiteninhalt immer abgeschnitten wird wenn er zu lang ist.

#page_content  
{  
	width:832px;  
	padding-left:1em;  
	margin-right:-1em;  
	padding-top:0.6em;  
}

Hat jemand eine Ahnung wie ich dafür sorgen kann das die Höhe der Seite zwar (fast) bis an den unteren Rand reicht, aber wenn der Inhalt länger als die Seite ist, diese verlängert wird?
Wie gesagt, im Firefox und Opera ist das kein Problem, IE7 und IE8 konnte ich nicht testen. Im IE6 geht es derzeit jedenfalls nicht.