Du beeinflusst mehrfach die erste Ebene durch :hover
nämlich mit:
#navi li:hover a{
#navi ul li:hover ul{ /* Submenü 2. Ebene einblenden */
#navi ul li ul li a:hover {
Lies' dir mal den Artikel hier durch:
Quick Tip: Understanding CSS Specificity | Nettuts+
PS: Das alles ginge mit sehr viel weniger Code durch die Nutzung von ">"
Grüßel,
Christoph