getElementById("nav") im firefox gehts, im ie nicht :(

[Steffen]

das problem läßt sich am besten online unter folgendem link veranschaulichen

http://www.johnmedia.de/kunden/galerie/

im firefox funktioniert alles. im ie funktioniert nur der navigationspunkt Gästegalerie >> Dt.-Herold-Preis
vermutlich liegt das problem bei getElementById("nav").
wie kann ich diesem element unterschiedliche id´s zuordnen?

####################################################################

<script type="text/javascript">
<!--
sfHover = function() {
 var sfEls = document.getElementById("nav").getElementsByTagName("LI");
 for (var i=0; i<sfEls.length; i++) {
  sfEls[i].onmouseover=function() {
   this.className+=" sfhover";
  }
  sfEls[i].onmouseout=function() {
   this.className=this.className.replace(new RegExp(" sfhover\b"), "");
  }
 }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
//-->
</script>

//aufruf innerhalb des body´s

<ul id="nav">
<li><a href="#"><img src="leer.gif" width="40" height="1" border="0" alt="">Alte Meister</a>
<ul>
<li><a href="#"><img src="leer.gif" width="7" height="15" border="0" alt="" align="center">2004</a></li>
</ul>
</li>
</ul>

<ul id="nav">
<li><a href="#"><img src="leer.gif" width="40" height="1" border="0" alt="">Sonstiges</a>
<ul>
<li><a href="#"><img src="leer.gif" width="7" height="15" border="0" alt="" align="center">Suche</a></li>
</ul>
</li>
</ul>