Menu med <UL>

Jeg prøver lige med et spørgsmål mere...
Jeg har lavet en menu der ser sådan ud:

<ul id="nav">
<ul>
<li style='width:54px;'><a href='index.asp?menu=forside'> Forside</a> |</li>
</ul>
<ul>
<li style='width:87px;'><a href=" ">Publikationer</a> |
<ul>
<li><a href='index.asp?menu=artikler'>Nyeste Artikler</a></li>
<li><a href='index.asp?menu=g_artikler'>Gamle Artikler</a></li>
<li>Kronikker, Features, M.V.</li>
<li>Debatindlæg, Synspunkter M.M.</li>
<li>Oversættelser</li>
</ul>
</li>
</ul>
</ul>

og min javascript ser sådan ud:
<script type="javascript">
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;
</script>

Og mit CSS ser sådan ud:
ul {
  padding: 0;
  margin: 0;
  list-style: none;
  }
 
li {
  float: left;
  position: relative;
  width: 100px;
  }

li ul {
  display: none;
  position: absolute;
  top: 16px;
  left: -6;
  background-color:#e6e6e6;
  }
 
li > ul {
    top: auto;
    left: auto;
    }


li:hover ul, li.over ul{ display: block;}
ul ul li li {border-top: 2px solid #c4c4c4;}

Hjemmesiden er: http://www.beis.dk/as
Hvis man bruger Firefox eller Explore 7 så virker den fint.. Men med explore 6 virker den ikke.. :S Nogle der ved hvorfor??! :S