slideUp and slideDown doesn't work in IE
<p>Following is the code for hiding and showing a submenu, this codes works fine in firefox, but doesnt work in IE. </p>

<pre><code>function showAccountMenu(){
    $('#menu li').hover(function (){
        //show its submenu
        $('ul', this).slideDown(100);
    },
    function (){
        //hide its submenu
        $('ul', this).slideUp(100);
    }
);
</code></pre>

<p>The css for the follwing code is</p>

<pre><code>#menu li:hover ul {
    display: block;
    position: absolute;
    margin-left:-107px;
    margin-top: 2px;
}
</code></pre>

<p>Can anyone please tell whats wrong with this code.</p>
