Dropdown-Menü funktioniert im IE nicht

[alexander93]

Hallo! Ich habe für die Sprachauswahl auf meiner Website ein Dropdown-Menü mittels <ul> und <li> erstellt. Die aktuelle Sprache steht fix, die weiteren Sprachen klappen nach unten aus, wenn man mit dem Cursor über die aktuelle Sprache fährt.

Im Firefox funktioniert das Dropdown-Menü problemlos, im IE (Version 9) wird jedoch nichts ausgeklappt.

Hier ist die URL meiner Seite: http://personizer.de

Die <div> in der sich die Liste befindet hat folgende Eigenschaften:

  
.main_menu  
{  
height:25px;  
line-height:25px;  
color:#FFF;  
position:relative;  
width:100%;  
font-family:Calibri, sans-serif;  
font-size:13px;  
}  
.main_menu ul  
{  
padding:0px;  
margin:0;  
list-style:none;  
}  
.main_menu ul li  
{  
padding:0;  
margin:0;  
width:100%;  
float:left;  
background:url(http://s447510501.online.de/content/images/bg_navi.png);  
border-bottom: 1px solid #333;  
}  
.main_menu ul li a  
{  
color:#FFF;  
display:block;  
width:100%;  
text-decoration:none;  
padding:0 0px;  
}  
.main_menu ul li a:hover  
{  
background:url(http://s447510501.online.de/content/images/bg_table_dark.png);  
color:#000;  
}  
.main_menu ul li ul  
{  
display: none;  
width: 100%;  
position:absolute;  
top:25px;  
padding:0px;  
margin:0px;  
}  
.main_menu ul li:hover ul  
{  
display: block;  
position: absolute;  
margin: 0;  
padding: 0;  
}  
.main_menu ul li:hover li  
{  
float: none;  
list-style:none;  
margin:0px;  
}  
.main_menu ul li:hover li  
{  
background:url(http://s447510501.online.de/content/images/bg_navi.png);  
border-top:1px solid #333;  
}  
.main_menu ul li:hover li a  
{  
color: #fff;  
padding:0 0px;  
display:block;  
width:100%;  
}  
.main_menu ul li li a:hover  
{  
color:#000;  
}

Ich wäre euch sehr dankbar wenn ihr mir weiterhelfen könnt. Es ist das erste mal, dass ich ein Dropdown-Menü verwende und ich habe keine Ahnung was ich ändern muss.

freundliche Grüße,
Alex