Estou criando um aplicativo que permite mover itens de uma lista para outra simplesmente clicando neles. No entanto, para que o usuário saiba qual é a ação pretendida para um clik, configurei um estado: hover no CSS, que mostra uma instrução como "<< move"

O problema que encontrei, porém, é que, no Internet Explorer (versões testadas 7-9), quando movo um elemento DOM, o estado: hover desse elemento permanece (fica pegajoso), mesmo quando o mouse é movido. O estado: hover desaparece apenas quando um usuário passa o mouse sobre o item em seu novo local e depois afasta o mouse. Parece que este é apenas um problema do Internet Explorer.

Você pode ver o problema se estiver usando o IE, acessandohttp: //jsfiddle.net/hc2Eu/32

É claro que existe uma solução alternativa que não deve usar o CSS: hover state e, em vez disso, usar um evento JQuery hover, mas essa certamente não é a melhor maneira de fazer as coisas, e manter os elementos: o hover state controlado no CSS está de longe. a maneira mais robusta de fazer isso. A solução alternativa pode ser vista emhttp: //jsfiddle.net/hc2Eu/29

Alguém descobriu como eu posso dizer ao Internet Explorer de alguma forma que um elemento não está mais sob o mouse e deve liberar o estado: hove

Matt