Layer-Navigation funktioniert nicht in IE5 + 6

[istria]

Jetzt probiere ich hier schon seit Stunden rum und habe einige Webseiten gewälzt ... Aber ich kriege es einfach nicht hin, dass mein Menü im IE5+6 ausklappt ...
Die Seite befindet sich unter girlscentre.com
Ich vermute es ist ein problem mit meine show/hide anweisungen auf die verschiedenen UL Elemente.
So sieht meine Menüstruktur aus:

Code:

<div id="navi" class="clearfix">
  
   <ul class="ullev1"><li><a href="http://www.girlscentre.com/pages/en/who-we-are.php" class="menu-expand menu-sibling menu-first navlev1">Who we are</a><ul class="ullev2"><li><a href="http://www.girlscentre.com/pages/en/who-we-are/about-us.php" class="menu-first navlev2">About us</a></li><li><a href="http://www.girlscentre.com/pages/en/who-we-are/the-people.php" class=" navlev2">The people</a></li><li><a href="http://www.girlscentre.com/pages/en/who-we-are/partners.php" class="menu-last navlev2">Partners</a></li></ul></li><li><a href="http://www.girlscentre.com/pages/en/what-we-do.php" class="menu-expand menu-sibling navlev1">What we do</a><ul class="ullev2"><li><a href="http://www.girlscentre.com/pages/en/what-we-do/one-year-training.php" class="menu-first menu-last navlev2">One Year training</a></li></ul></li><li><a href="http://www.girlscentre.com/pages/en/our-products.php" class="menu-sibling navlev1">Our Products</a></li><li><a href="http://www.girlscentre.com/pages/en/help-change-lives.php" class="menu-expand menu-sibling navlev1">Help change lives</a><ul class="ullev2"><li><a href="http://www.girlscentre.com/pages/en/help-change-lives/kenya-today.php" class="menu-first navlev2">Kenya today</a></li><li><a href="http://www.girlscentre.com/pages/en/help-change-lives/how-to-help.php" class="menu-last navlev2">How to help</a></li></ul></li><li><a href="http://www.girlscentre.com/pages/en/news-events.php" class="menu-expand menu-sibling navlev1">News &amp; Events</a><ul class="ullev2"><li><a href="http://www.girlscentre.com/pages/en/news-events/news.php" class="menu-first menu-last navlev2">News</a></li></ul></li><li><a href="http://www.girlscentre.com/pages/en/contact.php" class="menu-sibling menu-last navlev1">Contact</a></li></ul>   <br>
  </div>

Mein CSS-Ausschnitt:

Code:

/* Show and hide  */
#navi li:hover ul, #navi li a:focus ul, #navi li.subMenu ul {display: block;}
#navi li ul ul { display: none;}
#navi li:hover ul ul, #navi li.subMenu ul ul {display: none;}
#navi li:hover>ul, #navi li li:hover>ul, #navi li.subMenu>ul, #navi li li.subMenu>ul {display: block;  z-index: 1000;}


/* Positioning the Pop-out Drops*/
#menu li {position: relative;}

#menu ul ul ul {
    position: absolute;
    top: 1px;
    left: 100%;
}

/* IE6 only
*html #navi ul li ul li ul {margin-left:0 ! important;}*/

/* IE7 only
*+html #navi ul li ul li ul {margin-left:0 ! important;}*/


/* Better: */
#menu li:hover {
    z-index: 10000;    /* ...and here. this makes sure active item is always above anything else in the menu */
    white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
                            see tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

Kann mir irgendjemand eine Idee geben warum das nicht funktioniert??

Viele Grüße
istria