navigation not working in IE HELP!

[Martin_Man]

Hey guys, i''m in the middle of creating a design for a company and i'm having trouble getting my drop down navigation working in internet explorer, can some one please help?

Here is the code i'm using:

HTML:
<ul>
  <li><h1 class="linktitle">GREEN DAY</h1>
    <ul  id="nav">
      <li><a href="#">Biography</a></li>
      <li><a href="#">Photos</a></li>
      <li><a href="#">Awards</a></li>
		</ul>
	</li>

  <li><h1 class="linktitle">FAN SECTION</h1>
    <ul  id="nav">
      <li><a href="#">FAN ART</a></li>
      <li><a href="#">YOUR MUSIC</a></li>
      <li><a href="#">GREEN DAY GAMES</a></li>
      <li><a href="#">CHAT</a></li>
      <li><a href="#">CONTESTS</a></li>
	  <li><a href="#">WEEKLY VIDEO</a></li>
    </ul>
  </li>
</ul>

  <li><h1 class="linktitle">DOWNLOAD</h1>

CSS:
ul {padding: 0; margin: 0; list-style: none; vertical-align: top;}

li ul {display: none; position: absolute; top: 1em; left: 0;}

li > ul {top: auto; left: auto;}

li:hover ul, li.over ul{ display: block; }

li {float: left; position: relative; width: 6em;

  startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
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=startList;
  }