sildeup,slidedown on hover with dropdownlist
<p>I have a ul li tag, contain asp:dropdownlist (inside a div)</p>

<p>when the user is over the li ,the div with the dropdownlist is slideDown and when the user unhover the li ,the div is slideUp.</p>

<p>The problem happen when I try to choose value from the dropdownlist ,the div is slideup,so there isn't a option to choose values from this dropdownlist.</p>

<p>Why is this happen?(I am still on the li.hover!)</p>

<p>what are my options?</p>

<p>This is  HTML example :</p>

<pre><code>  &lt;ul&gt;&lt;li id="l2"&gt;&lt;img src=4.gif  /&gt;
&lt;div id="popup6" class="popup_block"&gt;
    &lt;asp:DropDownList ID="dd" runat=server&gt;
    &lt;asp:ListItem&gt;1&lt;/asp:ListItem&gt;
            &lt;asp:ListItem&gt;2&lt;/asp:ListItem&gt;
            &lt;asp:ListItem&gt;3&lt;/asp:ListItem&gt;
            &lt;asp:ListItem&gt;4&lt;/asp:ListItem&gt;
            &lt;asp:ListItem&gt;5&lt;/asp:ListItem&gt;        
            &lt;/asp:DropDownList&gt;
&lt;/div&gt;&lt;/li&gt;&lt;/ul&gt;
</code></pre>

<p>This is the Jquery example:</p>

<pre><code>$(document).ready(function () {
        $("#l2").hover(function () {
            $('#popup6').stop(true, true).slideDown();

        }, function () {
            $('#popup6').stop(true, true).fadeOut(400, function () {
                return false;

            });


        });

    });
</code></pre>

<p>Thanking you in advance for any help</p>
