title: Can I force the "hover" state to be refreshed with IE8?
body: <p>In some corporate web application, I have some troubles with the <code>:hover</code> css selector with IE 8 users.</p>
  
  <p>Basically, I have a lot of javascript, and the page sometimes is a bit slow.</p>
  
  <p>Especially, my issue occurs in a <code>sortable</code> table (yes tables suck, but I have to live with it by now).</p>
  
  <p>Within each row, I have a button that performs some operation. The button have <code>:hover</code> css rules to make it highlighted on mouse hover.</p>
  
  <p>But in a specific case, the hover state remains, even if the mouse is no more on the element.</p>
  
  <p>You can see the behavior on jsfiddle (run embbeded version with IE8): <a href="http://jsfiddle.net/stevebeauge/K9EGv/24/embedded/result/" rel="nofollow">http://jsfiddle.net/stevebeauge/K9EGv/24/embedded/result/</a></p>
  
  <p>To reproduce the problem:</p>
  
  <ol>
  <li>Start draging an element by clicking on the "hover" button. </li>
  <li>very quickly, drop the item (even if the drag is not visually started) elsewhere in the list</li>
  <li>still very quickly, move your mouse out of the table</li>
  </ol>
  
  <p>The whole operation must be done under 1.5 second.</p>
  
  <p>With this scenario, the initial dragged item is in the hover state, even if the mouse is no more on the button.</p>
  
  <p><strong>Is there a way to "force" refresh of the hover state?</strong></p>