Problem mit dem Untermenü

Hallo,

Hätte eine Frage bezüglich eines Menüs das ich auf einer Probeseite eingebunden habe.

http://cms.dke.univie.ac.at/index.php?id=90

Mein Problem ist, dass sich das Untermenü auf der linken Seite (#container #content #left_content im css-file) in Abhängikeit von dem Inhalt auf der rechten Seite (#container #content #main_content im css-file) nach unten verschiebt.

Bin leider noch ziemlicher css neuling und fürchte ich hab da beim css etwas vergessen.
Der Typo Script für das Menü sollte in Ordnung sein sind ja auch nur ein paar Zeilen.

Sieht jemand von euch vielleicht was mir fehlt oder ob ich was falsch habe. Stehe da leider an #angry#

Typo Code für Menü:

lib.submenu = HMENU
lib.submenu.entryLevel = 1
lib.submenu{
	1 = TMENU
	1.NO.allWrap = |<br />
	
	
	
}

css file

@charset "utf-8"

body{
}

.projektTable td {
	border-top-width: 1px;
	/*border-bottom-width: 1px;*/
	border-top-style: solid;
	/*border-bottom-style: solid;*/
	border-top-color: #0099FF;
	/*border-bottom-color: #0099FF;*/
}

.projektTable .tableHeaderTitle {
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-top-style: none;
	border-bottom-style: none;
	border-top-color: #FFFFFF ;
	border-bottom-color: #FFFFFF ;
}

table {
 text-align:left;
 margin-left:auto;
 margin-right:auto;
}

a:link {
	font-weight:bold;
	text-decoration:none;
	color:#4977E6;
}

a:visited{
	font-weight:bold;
	text-decoration:none;
	color:#4977E6;
}

a:hover, a:active{
	color:#999999;
}

a{
	text-decoration:none;
	color:#000000;
}

img {
	margin: 0px;
	padding: 0px;
	border: 0px;
	text-decoration:none;
}


#container {
	position: relative;
	height: auto;
	width: 906px;
	float: center;
	display: inline;
	background-color: #FFFFFF;
}

#container #header {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 906px;
	background-image: url(pics/dke_banner_new1.jpg);
	margin-right: auto;
	margin-left: auto;
	height: 100px;
}

#container #top_menu {
	border-top-width: 2px;
	border-top-style: ridge;
	border-top-color: #4A7AE8;
	margin-right: auto;
	margin-left: auto;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	top: 150px;
	width: 906px;
	font-weight: bold;
	color: #4977E6;
	background-color: #FFFFFF;
}
#container #content{
	width: 906px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
#container #content #content_head {
	position: relative;
	width: 906px;
	text-align: left;
	height: 20px;
}
#container #content #left_content {
	width:150px;
	height:400;
	display: inline;
	position: relative;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
}
#container #content #main_content {
	height:400;
	display: inline;
	width: 750px;
	position: relative;
	float: right;
	margin-right: auto;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
}