Error mousemove event can't show button in other frame?
<p>I have a sample code:</p>

<pre><code>&lt;div id="background-1" style="background: url('image1.png') no-repeat left center; width: 200px; height: 200px; float: left;"&gt;
    &lt;div id="button-wrapper" style="position: absolute; opacity: 1; z-index: 100;"&gt;
       &lt;input type="button" value="submit"&gt;    
    &lt;/div&gt;
&lt;/div&gt;

&lt;div id="background-2" style="background: url('image2.png') no-repeat right center; width: 200px; height: 200px; float: right;"&gt;
    &lt;div id="button-wrapper" style="position: absolute; opacity: 1; z-index: 100;"&gt;    
    &lt;/div&gt;
&lt;/div&gt;​
</code></pre>

<p>And my script:</p>

<pre><code>jQuery(document).ready(function(){
    jQuery("div[id^=\'button-wrapper\']").parent().mousemove(function(e){
        var _top = e.pageY - 5;
        var _left = e.pageX - 5;
        var _c = jQuery(this);
        var _p = _c.position();;

        if (_top &gt; (_p.top + _c.height())) _top = _p.top + _c.height();
        if (_left &gt; (_p.left + _c.width())) _left = _p.left +_c.width();
        jQuery("div[id^=\'button-wrapper\']").css({
            top: _top,
            left: _left
        });
    });
});​
</code></pre>

<p>Error when I hover background-2 is event mousemove not run button submit, how to fix it? demo <a href="http://jsfiddle.net/4An3E/10/" rel="nofollow">here</a></p>
