JavaScript-Teil für Dynamische CSS-Navigation

[Thomas Schröder]

Hallo,

ich habe eine kleine Frage zu dem JavaScript von diesem Menü: http://de.selfhtml.org/css/layouts/navigationsleisten.htm#modern

Durch CSS-Formatierungen ist das Menü im Firefox, Opera und IE7 mehr als nur ein "Kind"-Element tief, allerdings weiß ich nicht, wie das dazugehörige JavaScript umgeschrieben werden muss, dass es auch der IE 6(und evtl. 5.5) versteht.

Hier die CSS-Eigenschaften:

#dnnhmenu ul ul {
 margin: 0;
 padding: 0;
 position: absolute;
 top: 0; left: 150px;
 display: none;  /* Unternavigation ausblenden */
}
#dnnhmenu ul ul ul {
 display: none;  /* Unternavigation ausblenden */
}
  *:first-child+html #dnnhmenu ul ul {  /* Workaround fuer den IE 7 */
    background-color:silver; padding-bottom:0.4em;
  }
  #dnnhmenu ul li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
  }
  #dnnhmenu ul li:hover ul li ul{
 display: none;
}
 #dnnhmenu ul li:hover ul li:hover ul{
 display: block;
}
 #dnnhmenu ul li:hover ul li:hover ul li ul {
 display: none;
}
 #dnnhmenu ul li:hover ul li:hover ul li:hover ul{
 display: block;
}
 #dnnhmenu ul li:hover ul li:hover ul li:hover ul li ul {
 display: none;
}

Ist (noch) nicht perfekt, aber wenn nicht zumindest 3 Ebenen auch im IE6 funktionieren kann ich mir die Arbeit mit besserer Anpassung sparen :(.

Danke schon mal für eure Hilfe!

Gruß,
Thomas