drop down funktioniert nicht mit ie

hallo,

habe mir von der seite https://www.alistapart.com/articles/dropdowns das dropdown menü angesehen und mal ausprobiert. alles funktioniert wunderbar, solange ich das ganze menü nicht in eine tabelle gebe:
https://matin.at/drop-down.php
beim drübergehen mit der maus erscheinen die untermenüs, ganauso wie sie sollen.

jedoch, sobald ich das menü in eine tabelle gebe, dann funktioniert nur mehr das erste, ganz linke dropdown:
https://matin.at/drop-down-tabelle.php

das problem tritt nur beim internet explorer auf ... firefox, opera und netscape funktioniert es einwandfrei. es muss irgendwo am javascript liegen, denn nur der ie braucht es. alle anderen browser brauchen das javascript ja gar nicht.

wenn ich dann diese tabelle in eine weitere tabelle einfüge, dann geht nicht mal das ganz linke ... kann mir jemand helfen?

hi matin,
du rufst in deinem js das element "nav" via elementByID auf und imho darf ein element nur genau einmal in einem dom vorkommen >> is ja auch logisch denn woher soll der browser beim rendern der seite sonst wissen wo er "zupacken soll" document.getElementById("nav")

in deiner tabellenvariante kommt die id 3 mal vor also wird der ie das erste verwenden und dort anpacken. du musst also die id´s unterschiedlich benennen und im script durch eine variable ersetzen.

~baba

hab die id auf 3 verschiedene geändert und hab das javascript jetzt 3 mal kopiert und "getElementby" entsprechend geändert. jetzt geht nur mehr das ganz rechte ... leider kenn ich mich bei javascript gar nicht aus

wie müsste eine variable aussehen?