title: jQuery/browser issue with hover events on select
body: <p>first of all I looked for my problem and found only not closely related topics and I believe this could be something different than the ones I found on google and thanks for your time to look into my problem.</p>
  
  <p><a href="http://jsfiddle.net/dSJMG/" rel="nofollow">http://jsfiddle.net/dSJMG/</a></p>
  
  <p>Here you can see a demo where I use jQuery 1.8 and have a div which contains label and select elements, these have been switched on hover event to provide edit functionality, and found that when hovering the field and selecting any option in the select dropdown, sometimes the mouseleave event is triggered however I didn't leave the option list with my mouse pointer.
  This seems to be happening non deterministic way, more often when moving the pointer on the options a bit faster (but still not leaving its area).
  Also I could reproduce it on every major browser, however I know only IE has this bug officially. </p>
  
  <p>This could be positioning related, because when I increased the space between the container and its children the issue seemed to be fixed.</p>
  
  <p>Any thoughts are appreciated.</p>
  
  <p>Thanks</p>