title: jQuery Drop Down Menu IE7 Problem with .slideDown
body: <p>I have the following jquery on mcgillidssa.com to animate the drop down menu:</p>
  
  <pre><code>$(document).ready(function() { 
   $("#navigation ul li").hover(function() {
    $(this).addClass("over");
    $(this).find("ul").slideDown('fast').show();
    $(this).hover(function() {
    }, function(){
     $(this).removeClass("over");
     $(this).find("ul").slideUp('fast');
    });
   });
  }); 
  </code></pre>
  
  <p>The code is supposed to show the "ul li ul" when the .hover action is called. This works absolutely fine in Firefox, Safari, Chrome and IE8, but fails to appear in IE7. I thought the problem was a z-index issue but that was not the case. Here's the CSS for reference:</p>
  
  <p><a href="http://www.mcgillidssa.com/wp-content/themes/midssa/style.css" rel="nofollow noreferrer">http://www.mcgillidssa.com/wp-content/themes/midssa/style.css</a></p>
  
  <p>Any thoughts as to how this can be fixed?</p>