title: MouseOver MouseOut issue in Safari/Chrome
body: <p>This is a strange one, I'm shocked I've never noticed it before. It works like this, if your mouse is still and a div programmatically moves underneath your mouse, a <code>mouseover</code> event will not be triggered in Chrome/Safari - same goes for <code>mouseout</code>. Of course, if you move your mouse slightly once the div has moved underneath your mouse it will work as expected.</p>
  
  <p>I created a <a href="http://jsfiddle.net/dZWbn/" rel="nofollow noreferrer">demo on jsFiddle</a>. Just let the div oscillate under your mouse, works fine in Firefox, not in Chrome or Safari - have yet to test in IE.</p>
  
  <p>I'm leaning toward this solution... basically rolling my own <code>mouseenter</code> and <code>mouseleave</code> events using this:</p>
  
  <pre><code>if (mouseX &gt; divLeft &amp;&amp; mouseX &lt; divRight &amp;&amp;
      mouseY &gt; divTop &amp;&amp; mouseY &lt; divBottom){
      // mouse is inside div
  }
  </code></pre>
  
  <p><em>I say <code>mouseenter</code> and leave because this method would have no bubbling</em></p>
  
  <p>I was wondering if anyone else had thoughts about this... I have a feeling there is an easy way around it, but so far google hasn't turned anything up.</p>