Hover acting weird in IE
<p>Have a look at this HTML code:</p>

<pre><code>&lt;div class="overlay"&gt;
    &lt;a href="#"&gt;1&lt;/a&gt;
    &lt;a href="#"&gt;1&lt;/a&gt;
    &lt;a href="#"&gt;1&lt;/a&gt;
    &lt;a href="#"&gt;1&lt;/a&gt;
    &lt;a href="#"&gt;1&lt;/a&gt;
&lt;/div&gt;
</code></pre>

<p>and this jQuery code:</p>

<pre><code>$('div.overlay').mouseenter(function() { clearTimeout(thumbsAway); });
$('div.overlay').mouseleave(function() { clearTimeout(thumbsAway); $('ul.thumbs').animate({top: '520px'}, 750); });
</code></pre>

<p>The problem is that in IE, hovering on any child element will also trigger mouseenter/mouseleave. How can I prevent this?</p>
