Fire Fox 5 Problem – Chain of animation starts in the child element

I created a dropdown menu using jquery. So when I hover over a button it slides down the menu. Now if I move the mouse out of the menu and bring it back in before it slides up(menu has a lot of items so there is enough time to bring the mouse back in on the menu)over the dropdown menu it starts a chain of slideDown() and slideUp() functions and it does not stop till I move the mouse of the menu or back on the button. Below is my jquery code:

[CODE]$(function() {

$(‘#projects’).mouseenter(function(){
$(‘#dd_Projects’).slideDown();

});

$(‘#projects’).mouseleave(function(){
$(‘#dd_Projects’).slideUp();

});

});[/CODE]

I have been looking online and I have already tried e.stopPropagation() but it does not work.

This is only happening in Fire Fox, everything works fine in IE7, IE8, Safari, Chrome, not sure about other versions of firefox.

Please advise

Also in #JavaScript _↴