title: Droppable hoverClass option is not working in Internet Explorer
body: <p>I can't seem to get it to work. It works fine in Firefox, but in IE nothing happens when the <code>droppable</code> has an item held over it. </p>
  
  <p>I tried using the <a href="http://api.jqueryui.com/droppable/#option-hoverClass" rel="nofollow noreferrer"><code>hoverClass</code> option</a>, and also tried just manually changing the class in "over" and "out" events. Both methods work in Firefox, but not IE. Is there a work-around for IE?</p>
  
  <p>Below is my code:</p>
  
  <pre><code>over: function(ev, ui) {
    $(this).addClass( 'droppable-hover' );
  },
  
  out: function(ev, ui) {
    $(this).removeClass( 'droppable-hover' );
  }
  </code></pre>