Menu deroulant qui ne marche pas sous IE6

Bonjour à tous,
j'utilise le menu de http://css.mammouthland.net/menu-horizontal-deroulant-en-css.php pour mon site. le problème est que le menu ne se déroule pas sous IE6. c'est dit que pour qu'il se déroule sous IE6, il faudra rajouter une « couche » de javascript.
j'ai utiliser ce code javascript mais sans resultat.

<!--[if lt IE 7]>
    <script type="text/javascript">

    // Fonction destinée à remplacer le "LI:hover" pour IE 6

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

Je viens sur ce site pour solliciter votre aide. quelqu'un peut t'il m'aidé à faire fonctionner mon menu sous IE6.