dropdown css menu

recently I have been adding to my website a dropdown menu made entirely by css. It's nice but I found some problems with an ancient browser like IE6.

typolight.org is showing one compatible with IE6, so I decided to investigate how they managed. For IE6 a small javaScript script is used, called dropdown.js, you can find it at http://www.typolight.org/tl_files/js/dropdown.js

The script adds a new class called 'hover' to be styled properly for IE6. After adding this script the menu works fine for IE6. But when you move the mouse over the elements an annoying flickering is showed.

I have made a small modification to avoid this effect, replacing the 'moveout' trigger for 'mouseleave'. This is the result:

Code:

---

window.addEvent('domready',function(){
        $$('ul.level_1 li').addEvent('mouseover',function(){
                this.addClass('hover');
        }).addEvent('mouseleave',function(){
                this.removeClass('hover');
        });
});

---

I hope this can be useful to someone.