Hallo zusammen,

ich sitze gerade an einem CSS Menü (Dropdown). Im FF funktioniert das Menü wunderbar nur im IE8 gibts Probleme und ich finde den Fehler nicht.
Wenn ich mit der Maus auf den Menüpunkt gehe klappt mein Untermenü vertikal auf, bewege ich dann die Maus vom ersten Menüpunkt des Untermenüs auf den zweiten Menüpunkt , geht das Untermenü zu.
Woran kann das liegen?
Wäre super wenn ihn mir weiterhelfen könnt...

#navicontainer {
	position:absolute;
	left:24px;
	top:219px;
	width:auto;
	height:auto;
	z-index: 500;
	margin:0px;
	padding:0px;

}
ul {
list-style: none;
}
#navigation {
width: 387px;
z-index:501;

}
#navigation li {
float:left;
width: 5.4em;
}
#navigation a {
color: #000;
text-decoration: none;
display: block;
padding: .2em .5em;
border-left: 1px solid #D3D2D2;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
#navigation a:hover {
background: #ccc;
}
#navigation li li {
float:none;
width:auto;

}
#navigation li li a {
color: #000;
border-right: none;
}
#navigation li li a:hover {
color: #000;
}

#navigation ul {
position:absolute;
top:30px;
z-index:502;
left: -9999px;
}
#navigation li:hover ul {
margin-left:-40px;
left: auto;
}