navigationsmenü flyout fährt nicht aus

Hallo,

schon wieder ein Problem. Mein second level flyout will nicht ausfahren. Mit Chrome sehe ich es gar nicht - firefox stellt es innergalb des first level flyouts dar. Meines Wissens habe ich keinen Fehler gemacht aber wahrscheinlich sehe ich ihn einfach nicht.

#navi .menu li a {
    display: block;
    color: white;
    text-align: left;
    padding: 8px 14px;
    text-decoration: none;
}


#navi ul li ul{
    position:absolute;
    display:none;
}


#navi ul li:hover ul{
    left:150px;
    display:block;
    z-index: 220;
    position: absolute;
    margin-top: -30px;
    width: 190px;
}


#navi ul li ul li{
    background-color:#000;
    border: 1px solid #fff;
}


/* Bis dahin klappt alles. Jetzt soll das second level flyout erst mal unsichtbar gemacht werden */
#navi ul li:hover ul li ul{
    position:absolute;
    display:none;
}


/* und beim hovern auf dem firstlevel flyout 120 pixel links vom ersten erscheinen...macht es aber nicht */
#navi ul li:hover ul li:hover ul{
    display:block;
    left:120px;
    position: absolute;
    z-index: 325;
    width: 190px;
}


#navi ul li:hover ul li:hover ul li{
    background:#86d3fa;
}

Ich bin in ieser Sache ebenso ratlos wie ich ratlos in der Frage bin, warum ich bei der ersten Anweisung zusätzlich noch auf die Klasse (class="menu") verweisen muss und bei allen folgenden Anweisungen nicht darauf verweisen darf (sonst funktioniert gar nichts.) Hab' das letztendlich durch rumprobieren ausklamüsert aber mir fehlt der Hintergrund, warum das so ist.

Okay, hier der Link: http://wighty.de

Problem tritt auf im linken Menü (Vertikalmenü) wenn man Mitglieder/Gruppen hovert. Unter Gruppen liegt noch was aber das sieht man mit Chrome gar nicht ind im Firefox ist es im firstlevel flyout gefangen.

Doch, ich habe zwei Unterpunkte angelegt und den ersten davon sehe ich auch im Firefox