Does the jquery Droppable hoverClass work in Internet Explorer?

Question

I can't seem to get it to work. It works fine in Firefox, but in IE nothing happens when the droppable has an item held over it. I tried using the hoverClass, 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?

over: function(ev, ui) {
  $(this).addClass( 'droppable-hover' );
},

out: function(ev, ui) {
  $(this).removeClass( 'droppable-hover' );
}

Answer 1

The droppable-hover class uses the outline style property, which is not supported in IE (except IE5 on the Macintosh). At least so says W3Schools. You could approximate it on IE using:

<!--[if IE]>
<style>
.   droppable-hover
   {
       border: double 1px black;
   }
</style>
<![endif]-->