.ClassName (Firefox/IE)

[hagbard]

Bin gerade dabei meine Website auch für Internet Explorer Benutzer halbwegs freundlich zu gestalten :). Von Javascript habe ich noch nicht wirklich die Ahnung. Ich bin schon an dem unten aufgeführten kleinen Codeschnipsel gescheitert. Ich schaffe es noch nicht einmal meine für CSS vergebenen "Hidden" Klassen unter dem Internet Explorer anzusprechen. Mit Firefox funktioniert der folgende (recht unfertige) Code so wie ich es mir gedacht habe. Nur in fast allen anderen Browsern nicht. Woi liegt mein Problem? mfg hagbard

JS Script:
hoverIE = function()
{
 navRoot = document.getElementById("navi");

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

for (j=0; j<mainMenu.childNodes.length; j++)
   {
     if (mainMenu.childNodes[j].className == "hidden")
     {
      alert("Class Hidden");
      mainMenu.childNodes[j].style.display = "block";
     }
   }
 }
}
window.onload = hoverIE;

Auszug aus HTML Code:
...
<ul id="navi">
 <ul class="mainmenu">
  <li><a>Mainlink1</a></li>
 </ul>
 <ul class="mainmenu">
         <li><a>Mainlink2</a></li>
  <ul class="hidden"><li><a>Sublink1</a></li></ul>
  <ul class="hidden"><li><a>Sublink3</a></li></ul>
 </ul>
</ul>
...