alternativa a menu desplegable en css no funciona.

[trevol]

Hola amigos, resulta que tengo un menú horizontal desplegable en css que para variar no me funciona en internet explorer. Lo he intentado solucionar con un script que me he bajado en java script pero no me va ¿podéis ayudarme por favor? He probado de todo, yo en java script no me manejo también como en otros lenguajes.
¿Podeis ayudarme? Gracias. Os dejo el menú y el script.

Código HTML:

<div id="navcontainer"> 
      <ul id="navlist">
        <li><a href="index.php">Inicio</a></li>
        <li><a href="quienes_somos.php">quienes somos</a></li>
        <li><a href="productos.php">productos</a>
        <ul>
          <li><a href="estufas-exterior.php">estufas exterior</a></li>
        </ul>
        <li><a href="promociones.php">promociones</a></li>
        <li><a href="contacto.php">contacto</a></li>
      </ul>
    </div>
 

Código CSS:

#navlist {
   border: 0;
   margin: 0;
   padding: 0;
   list-style-type: none;
   text-align: center;
            }
 
#navlist li {
   display: block;
   float: left;
   text-align: center;
   padding: 0;
   margin: 0;
}
 
#navlist li a {
   font:Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
   font-size:16px;
   background: #006ab3;
   width: 8.72em;
   height: 25px;
   border: 1px solid black;
   padding: 0;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   display: block;
   color: white;
   text-decoration: none;
   text-align:center;
            }
 
#navlist li a:hover {
   background: #ffd800;
    color: #006ab3;
                    }
 
#navlist li a:active {
   background: #ffd800; 
   color: #006ab3; 
                    }
 
#navlist .selecionado {
   background: #ffd800; 
   color: #006ab3;
                    }
                    
#navlist li:hover ul, li.over ul{ display: block; }
    
ul#navlist ul{
display:none;
    }
 

Código Javascript:

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