title: In Firefox 5 jQuery slideDown() starts a chain of animation in the child list items
body: <p>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:</p>
  
  <pre><code>$(function() {
      $('#slideshow1').cycle();  
  
      $('#projects').mouseenter(function(){
          $('#dd_Projects').slideDown();
      });  
  
      $('#projects').mouseleave(function(){
          $('#dd_Projects').slideUp();
      });
  });
  </code></pre>
  
  <p>I have been looking online and I have already tried e.stopPropagation() but it does not work.</p>
  
  <p>This is only happening in Firefox, everything works fine in IE7, IE8, Safari, Chrome, not sure about other versions of Firefox.</p>
  
  <p>Please advise</p>