IE 7 Steckt die zweite ebene vom klappdown menü in das obere Li

[sampelsize]

hier der link zur seite

Ich versuche nun seit ein paar Stunden rauszurinden an was es liegt leider ohne erfolg.

IE7 verbannt die zweite ul einfach in das li und ich bekomme es da nicht raus und weiß auch nicht an welcher Einstellung das liegt.

Vielen dank für jegliche Hilfe.

Tut mir leid wenn ich nicht mehr schreibe aber viel mehr gibt es da nicht zu sagen. Wenn ihr nicht auf die Seite gehen wollt, hier nochmal der Code

  
<div class="mod_navigation block">  
  
	<a href="index.php/newsdetail.html#skipNavigation1" class="invisible">Navigation überspringen</a>  
  
	<ul class="level_1">  
		<li class= "menu-begin"></li>  
		<li class="submenu trail mm1 first">  
			<a href="index.php/home.html" title="Startseite" class="submenu trail mm1 first">Startseite</a>  
			<ul class="level_2">  
				<li class= "menu-begin"></li>  
				<li class="active mm2 first last">  
					<span class="active mm2 first last">news-detail</span>  
				</li>  
				<li class= "menu-ende"></li>  
			</ul>  
		</li>  
		<li class="submenu mm1">  
			<a href="index.php/angebot.html" title="Angebot" class="submenu mm1">Angebot</a>  
			<ul class="level_2">  
				<li class= "menu-begin"></li>  
				<li class="mm2 first">  
					<a href="index.php/test2.html" title="test2" class="mm2 first">test2</a>  
				</li>  
				<li class="mm2 last">  
					<a href="index.php/test.html" title="test" class="mm2 last">test</a>  
				</li>  
				<li class= "menu-ende"></li>  
			</ul>  
		</li>  
		<li class="mm1">  
			<a href="index.php/philosophie.html" title="Philosophie" class="mm1">Philosophie</a>  
		</li>  
		<li class="mm1">  
			<a href="index.php/spenden.html" title="Spenden" class="mm1">Spenden</a>  
		</li>  
		<li class="mm1 last">  
			<a href="index.php/kontakt.html" title="Kontakt" class="mm1 last">Kontakt</a>  
		</li>  
		<li class= "menu-ende"></li>  
	</ul>  
  
	<a id="skipNavigation1" class="invisible">nbsp;</a>  
  
</div>  

  
/*#############################*/  
/* Navigation  
/*#############################*/  
	  
	li.menu-begin{  
		background: #FFFFFF;  
		height:56px;  
		width:20px;  
		float:left;  
	}  
	li.menu-ende{  
		background: #FFFFFF;  
		height:56px;  
		width:20px;  
		float:left;  
	}  
	.mod_navigation{  
		width:700px;  
		height:56px;  
		margin:10px auto 0;  
		font-size: 22px;  
	}  
	li.mm1{  
		position:relative;  
		z-index:30; <--- ist auch ein ie7 versuch gewesen  
		float:left;  
		text-align: center;  
		background: rgba(255, 255, 255, 0.5);  
	}  
	li.mm1:hover{  
		background: rgba(0, 0, 0, 0.5);  
	}  
	li.mm1:hover a.mm1{  
		color: #FFFFFF;  
	}  
	  
	a.mm1{  
		color: #000000;  
	}  
	  
	li.mm1.trail,  
	li.mm1.active{  
		position:relative;  
		background: rgba(0, 0, 0, 0.5);  
		color:#FFFFFF;  
		float:left;  
		text-align: center;  
	}  
	  
	a.mm1.trail,  
	span.mm1.active{  
		border: solid 2px transparent;  
		border-bottom: solid 2px #ffffff;  
		padding: 15px 22px;  
		display: block;  
		color:#FFFFFF;  
	}  
	  
	  
	a.mm1{  
		padding: 17px 24px;  
		display: block;  
	}  
	  
	ul.level_2{  
		position:absolute;  
		padding: 10px 0;  
		display:none;  
		z-index:25;  
		width:100%;  
		font-size:18px;  
	}  
	.level_2 .menu-begin,  
	.level_2 .menu-ende {  
		display:none;  
	}  
	li.active:hover ul.level_2,  
	li.mm1:hover ul.level_2 {  
		display: block;  
	}  
	  
	ul.level_2{  
		background: rgba(0, 0, 0, 0.5);  
	}  
	  
	a.mm2{  
		float:left;  
		color:#FFFFFF;  
		width:100%;  
		padding:6px 0;  
	}  
	  
	a.mm2:hover{  
		text-decoration:underline;  
	}  
	  
	span.mm2.active{  
		text-decoration:underline;  
	}  
  

  
/*extra ie7 css */  
li.mm1{  
	background: transparent/9;  
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff, endColorstr=#7fffffff);  
}  
li.mm1:hover{  
	background: transparent/9;  
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);  
}  
li.mm1.trail,  
li.mm1.active{  
	background: transparent/9;  
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);  
}  
  
ul.level_2{  
	background: transparent/9;  
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);  
	top:20px; <--- die zwei werte habe ich da zum test drin. wenn sie auf 0 0 stehen ist die UL genau am oberen eck von der LI  
	left:0;<---  
}