div loses focus when drop down menu selected
<p>I am using jQuery to show/hide a menu which works great, except when a user choose a select box. When they are hovering over the select list it kicks in my mouseleave event. Does anyone have any ideas how I can fix this?</p>

<p>Here is my Javascript:</p>

<pre><code>&lt;script type="text/javascript"&gt;
jQuery(document).ready(function() {
    jQuery('li.special').mouseenter(function(){

         jQuery('div.giftreg').fadeIn(100);
         return false;
    });

    jQuery('div.giftreg').mouseleave(function(){

         jQuery('div.giftreg').fadeOut(100);
         return false;
    });
});
&lt;/script&gt;
</code></pre>

<p>Here is the HTML:</p>

<pre><code>&lt;div class="giftreg regdropdown" style="left: 749px;display:none"&gt;
    &lt;form action="/giftregistry/search/results/" method="post"&gt;
        &lt;input type="hidden" value="TOxAyeFLEBRtKvpk" name="form_key" /&gt;
        &lt;input type="hidden" name="params[search]" value="type" /&gt;
        &lt;input type="hidden" value="2" name="params[type_id]" /&gt;
        &lt;div class="giftfname"&gt;
            &lt;input type="text" autocomplete="off" onclick="this.value=''" value="First Name" name="params[firstname]"&gt;
        &lt;/div&gt;
        &lt;div class="giftlname"&gt;
            &lt;input type="text" autocomplete="off" onclick="this.value=''" value="Last Name" name="params[lastname]"&gt;
        &lt;/div&gt;
        &lt;div class="giftsubmit"&gt;
            &lt;input type="image" src="/images/giftregistry/regbutton.png"&gt;
        &lt;/div&gt;
    &lt;/form&gt;
    &lt;div class="gift2create"&gt;
        &lt;select class="regoptions2"&gt;
            &lt;option&gt;Baby Registry&lt;/option&gt;
        &lt;/select&gt;
    &lt;/div&gt;
    &lt;div class="giftbutton2"&gt;
        &lt;form action="/giftregistry/index/edit/" method="post"&gt;
            &lt;input type="hidden" value="TOxAyeFLEBRtKvpk" name="form_key" /&gt;
            &lt;input type="hidden" value="2" name="type_id" /&gt;
            &lt;input type="image" border="0" src="/images/giftregistry/regbutton.png" /&gt;
        &lt;/form&gt;
    &lt;/div&gt;
    &lt;div class="giftbutton3"&gt;
        &lt;a href="/giftregistry/"&gt;
            &lt;img border="0" src="/images/giftregistry/regbutton.png" /&gt;
        &lt;/a&gt;
    &lt;/div&gt;

    &lt;a href="/baby-registry"&gt;
        &lt;img border="0" src="/images/giftregistry/dropdown.png" /&gt;
    &lt;/a&gt;
&lt;/div&gt;
</code></pre>
