Drop Down Menü

[lisa74]

Hallo Forum,

ich experimentier gerade mit js und css, bin also noch kein Profi.
ich möchte für meine Seite ein Drop Down Menü erstellen und habe auch schon was vorbreitet.

Im Fire Fox klappt alles super, nur der Internet Explorer will nicht so wie ich will.

Ich komme mit dem js für den Internet Explorer nicht klar und hänge nun seit zwei Tagen fest.

Im Internet Explorer wir nur die subnavigation des Menüs "Über Lisa"
an gezeigt, die zweite subnavigation unter "link top" erscheint erst gar nicht.

Wie komme ich dort weiter, wer kann mir helfen.

Danke und Grüße lisa

navtop = function() {

if (document.all && document.getElementById) {
 navRoot = document.getElementById("wrapNav");

for (i = 0; i < navRoot.childNodes.length; i++) {
  node = navRoot.childNodes[i];

if (node.nodeName == "LI") {
   node.onmouseover = function() {

this.className+= "over";
     }
      node.onmouseout = function() {
      this.className = this.className.replace("over", "");
    }
   }
  }
 }
}
window.onload = navtop;

<div id="wrap">
<div id="navTop">

<!--1. navigation top-->
  <div id="posDiv">
    <ul id="wrapNav">
      <li><a href="#">Über Lisa</a>
        <ul>
          <li><a href="#">Vita</a></li>
          <li><a href="#">Zeugnisse</a></li>
          <li><a href="#">Praktika</a></li>
        </ul>
      </li>
    </ul>
  </div>

<!--2. navigation top-->
  <div id="posDiv">
    <ul id="wrapNav">
      <li><a href="#">link top</a>
        <ul>
          <li><a href="#">link sub</a></li>
          <li><a href="#">link sub</a></li>
        </ul>
      </li>
    </ul>
  </div>
</div>