title: Mouseenter/Mouseover events do not fire if CSS3 translate/transform is used to change element position
body: <p>I am translating ( via jQuery / CSS3 ) a <code>#wrapper</code> div, by updating <code>Y</code> axis.</p>
  
  <p>I've attached <code>mouseenter</code> / <code>mouseleave</code> events to child elements of <code>#wrapper</code>. </p>
  
  <p>When <code>#wrapper</code> translates, its child comes under mouse one by one ( even if mouse does not move ). And this does not fire the <code>mouseenter</code> , <code>mouseleave</code> events.</p>
  
  <p>However, events are fired when element has scrollbar and scrolled by mousewheel ( instead of translating ).</p>
  
  <p>Is this a default behavior ? If yes, any workaround ?</p>
  
  <p><b><a href="http://jsfiddle.net/CnanH/" rel="nofollow">Demo</a></b></p>
  
  <p>Try scrolling with mousewheel, without moving mouse. I expect to change the background of <code>.block</code> to <code>red</code> color, but it's not happening.</p>