Vertikales Ausklappmenü klappt im IE nicht auf?!!

[crossandgo]

Dieses vertikale Menu will im Internet Explorer leider nicht ausklappen!
Woran liegt es??

Code: Alles auswählen

<div id="navi2">
   <ul>
<li><a href="#">Home</a></li>
<li><a href="">Projekte</a>
   <ul>
     <!-- öffnet die Klappnavi von Thema 1 -->
     <li><a href="#">Hausgarten</a></li>
     <li><a href="#">Reitplätze</a></li>
     <li><a href="#">Springbrunnen</a></li>
   </ul>
<li><a href="#">Uber uns</a></li>
<li><a href="#">Hausgarten</a></li>
<li><a href="#">Springbrunnen</a></li>
<li><a href="#">Reitplätze</a></li>
</ul>
</div>



Code: Alles auswählen

#navi2   a, #navi2:visited   {
   display:block;
   height:30px;
   color: #000000;
   text-decoration: none;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #333333;
   width: 140px;
   line-height: 30px;
   padding-top: 0px;
   padding-bottom: 0px;
   margin: 0px;
   text-align: center;
   position: relative;
   background-color: #E6E6E6;
}
#navi2 a:hover {
   background-color: #E6E6E6;
   background-image: url(images/naviHover.png);
   background-repeat: no-repeat;
}
#navi2 {
   float: left;
   height: 500px;
   width: 140px;
   background-color: #E6E6E6;   
}
#navi2 ul {
   list-style-type: none;
   padding-left: 0px;
}
#navi2 ul ul {
   position: absolute;
   top: 0px;
   left: 140px;
z-index: 2;
display: none;
}
#navi2 ul li:hover ul {
display: block;
}
#navi2 ul ul a {
   display:block;
   height:30px;
   color: #000000;
   text-decoration: none;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #333333;
   width: 135px;
   line-height: 30px;
   padding-top: 0px;
   padding-bottom: 0px;
   margin: 0px;
   text-align: center;
   position: relative;
   border-left-width: 1px;
   border-left-style: solid;
   border-left-color: #333333;
}
#navi2 li {
position: relative;
}

* {
margin: 0;
padding: 0;
}