Перемещение активного элемента теряет событие mouseout в Internet Explorer

В используемой мной библиотеке у меня есть задача переместить элемент на переднюю часть dom, когда он находится над ним. (Я увеличиваю его, поэтому мне нужно его видеть, а затем уменьшаю его, когда мышь убирается.)

В библиотеке, которую я использую, есть отличное решение, которое использует appendChildren в активном элементе, чтобы переместить его в конец его родительского элемента, так что дальше к конец домика и по очереди сверху.

Проблема в том, что я считаю, что из-за того, что вы перемещаете элемент, над которым вы наводите курсор, событие mouseout потеряно. Ваша мышь все еще находится над узлом, но событие mouseout не запускается.

Я отключил функциональность, чтобы подтвердить проблему. Он отлично работает в firefox, но не в любой версии IE. Я использую здесь jquery для скорости. Решения могут быть на простом старом javascript ... что было бы предпочтительнее, так как может потребоваться возврат вверх по потоку.

Я не могу использовать здесь z-index, так как элементы - это vml, библиотека - Raphael, и я использую вызов toFront. Пример использования ul / li для демонстрации проблемы на простом примере

Test 1
Test 2
Test 3
Test 4

Изменить: Вот ссылка на корзину для вставки js, чтобы увидеть ее в действии. http://jsbin.com/obesa4

** Редактировать 2: ** Просмотрите все комментарии ко всем ответам, прежде чем публиковать в них дополнительную информацию.