Volgens mij verdwijnt nivo 3 omdat het aan de rechterkant buiten de html a-tag staat / wordt gepositioneerd. Dan is de browser z'n :hover kwijt van nivo 2 en kun je er niet op nivo 3 hoveren.
Zelf vind ik het een zooitje hoe het gemaakt is. Als je de Css uitzet kom je er ook niet uit wat de hierarchie nou eigenlijk is. En het is met tabellen gemaakt!!
Ik zou het overnieuw maken maar dan met nested UL's. Als je de Css uitzet, dat betekend dus dat de onderliggende nivo's en de structuur gewoon leesbaar blijft (mensen met visuele handicap, screenreaders en mensen met een PDA die geen Css aankunnen). Een zoekmachine kan heel makkelijk de boomstructuur aflopen en vervolg pagina's indexeren.
Wij gebruiken voor dit soort uitklap menu's de Son of Suckerfish. Zie een demo met 3 nivo's. In princiepe is deze versie onbeperkt uitbereidtbaar qua nivo's. Het streepje waar je het over hebt kun je als achtergrond plaatje in de UL doen.
Windows Internet Explorer 7 fix
Voor IE7 op Windows moet je in je Conditional Comment css file 1 aanpassing maken op de Son of Suckerfish menu. Het 2de nivo (de UL) moet een position: static of position: relative hebben. Anders kom je een bug tegen:
Als je klikt ergens op de pagina (doet er niet toe, gewoon op het wit van je website ofzo) doe dan een mouse-over op het menu, naar het 2de nivo ... en dan een mouse-out. Je zien dat het uitklap menu blijft staan.
Met bovenstaande truuk fix je dit. Het is 1 van de 2. Zit momenteel niet op me werk dus kan het niet opzoeken op het intranet / wiki.
(Bewerkt door denn88 om 9:04, 9-08-2007)