Dhtml menu

1

guys i have drop down menu that i want to apply in my website but for some reason the submenu isn’t show up in the EI, I want to use the javascript from

http://www.alistapart.com/articles/dropdowns/

but it still not working any idea? btw the link is

http://cg-animation.com/index.html

this is the script:

//the html menu


<div id="menu">
    <ul>
        <li><a href="index.html">Home</a></li>
        <li><a href="" class="dissapear" >3D</a>
            <ul class="submenu">
            <li><a href="3d_cg_animation.html">CG Animation</a></li>
            <li><a href="3d_stop_motion.html">Stop Motion</a></li>
            <li><a href="3d_illustration.html">Illustrations</a></li>
            <li><a href="3d_animated_films.html">Animated Films</a></li>
            <li><a href="3d_foam_sculpture.html">Foam Sculpture</a></li>
            <li><a href="3d_lenticular_printing.html">Lenticular Printing</a></li>
            </ul>
            </li>
        <li><a href="associates.html">Associates</a></li>
        <li><a href="client_list.html">Client List</a></li>
        <li><a href="testimonials.html">Testimonials</a></li>
        <li><a href="press.html">Press</a></li>
        <li><a href="contact.html">Contact</a></li>
        <li><a href="faq.html">FAQ</a></li>
        <li><a href="fun_stuff.html">Fun Stuff</a></li>
    </ul>
</div>

//this is the javascript

startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("menu");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes*;
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
  node.onmouseout=function() {
  this.className=this.className.replace(" over", "");
   }
   }
  }
 }
}
window.onload=startList;

//the css
#menu{ 
    font-family:"century gothic";
    font-size:11pt;
    color:#000;
    text-decoration:none;
    width:1024px;
    position:relative;
    padding-top:10px;
    margin:0;
    z-index:10;
    background-color:#999999;
}
#menu ul li a, #menu ul li a:visited{
    color:#000;
    text-decoration:none;
    display:block;
    width:110px;
    height:20px;
    text-align:center;
    line-height:20px;
    overflow:hidden;
    
}
#menu ul li:hover ul.submenu a, #menu ul li.over ul.submenu a{
    text-align:left;
    margin:0;
    width:115px;
    height:20px;
    padding:0;
}
#menu ul{
    padding:0;
    margin:0;
    list-style-type:none;
}
#menu ul li{
    float:left;
    margin:0px;
    padding:0px;
    position:relative;
}
#menu ul li ul{
    font-family:"century gothic";
    font-size:10pt;
    display:none;
}

#menu ul li a:hover{
    color:#fff;
}
#menu ul li:hover ul, #menu ul li.over ul{
    margin:0px;
    padding:0 1px;
    border-width:0 1px 1px 1px;
    border-style:solid;
    border-color:#999;
    display:block;
    position:absolute;

}
#menu ul li:hover ul li a:hover, #menu ul li.over ul li a:hover{
    background-color:#999;
    color:#fff;
    
}