Estoy creando una aplicación que le permite mover elementos de una lista a otra simplemente haciendo clic en ellos. Sin embargo, para que el usuario sepa cuál es la acción prevista para un clik, configuré un estado: hover en el CSS que muestra una instrucción como "<< mover"

Sin embargo, el problema que he encontrado es que en Internet Explorer (versiones probadas 7-9), cuando muevo un elemento DOM, el estado de desplazamiento del elemento permanece (se vuelve pegajoso), incluso cuando se mueve el mouse. El estado de desplazamiento: solo desaparece cuando un usuario pasa el cursor sobre el elemento en su nueva ubicación y luego aleja el mouse. Parece que este es un problema de Internet Explorer.

Puede ver el problema si está usando IE yendo ahttp: //jsfiddle.net/hc2Eu/32

Por supuesto, existe una solución alternativa que consiste en no usar CSS: pasar el estado y usar un evento de desplazamiento JQuery en su lugar, pero ciertamente esta no es la mejor manera de hacer las cosas y mantener los elementos: el estado de desplazamiento controlado en CSS está lejos La forma más sólida de hacerlo. La solución se puede ver enhttp: //jsfiddle.net/hc2Eu/29

¿Alguien ha descubierto cómo puedo decirle a Internet Explorer de alguna manera que un elemento ya no está debajo del mouse, y debería liberar el estado: hover?

Mat