I have a small problem with JavaScript, and I'm a bit of a beginner so I need some help with it.

I use Mootools to hide and show a navigation bar on a website I'm currenly building. Everything works fine with the Mootools part, but my events act up a bit.

A DIV called "menu" has an "onmouseover" event on it, causing an OL to slide down. It also has an "onmouseout" to make the OL disappear again. The problem is that the events fire off like crazy when I hover my OL and its anchors, causing the menu to move, flicker and sometimes even disappear.

Putting a DIV on top of it all makes the sliding work perfectly, but the anchors completely inaccessible. I've tried a lot of other solutions as well, but nothing seems to get rid of the problem without causing new ones.

Is there a JavaScript guru around that can help me?