jquery if mouseover
<p>I have a img with a hover function to reveal an element. Some of this new element overlaps the img so if I then hover over the new element, because the cursor is no longer over the img, the element hides itself and then instantly reappears because the cursor is over the img again. I need to somehow ignore the mouseout command if the cursor is over the img which is within the new element (the only part of the new element which is overlapping the main image).</p>

<p>It's a tricky one to explain but here's the code: </p>

<p>jquery (with bit i'm not sure how to do)</p>

<pre><code>$("div &gt; img").hover( function() {

        $(this).parent().find("span").slideDown(100);

    }, function() {

        if (user is hovering over the span) {
                    // do nothing
        } else {
            $(this).parent().find("span").slideUp(100);
        }
    });
</code></pre>

<p>html</p>

<pre><code>&lt;div&gt;
    &lt;img src="/images/icons/dm.jpg" width="54" height="54" /&gt;
    &lt;span&gt;&lt;strong&gt;Test&lt;/strong&gt;&lt;br /&gt;test2&lt;img src="/images/arrow.png" width="19" height="17" /&gt;&lt;/span&gt;
&lt;/div&gt;
</code></pre>
