Имеется вложенный список (кол-во вложений не ограничено).
Список выводится на страницу в виде схемы через элемент <div>. У каждого элемента списка есть два обработчика события onMouseOver и onMouseОut.
При наведении мыши на один из элементов у него меняется стиль, а также меняется стиль у всех его "родителей" (зажигаются). Соответсвенно при onMouseout все стили элемента и родителей меняются на исходный (гасятся).
Проблема заключается в следующем: если мышку быстро перевести с одного элемента А на другой Б, с одинаковыми "родителями", но с разной длинной вложенности - у А 7-е колено, а у Б - 4-ое - события по зажиганию от элемента Б проходят быстрее, чем гашение родителей элемента А.
В результате общие родительские элементы сначала еще раз зажигаются (Б), а потом гасятся (А), хотя должны быть остаться зажженными.
Подскажите п-ста, существует ли способ упорядочить эти события, то есть чтобы onMouseOver одного элемента не начинал выполняться, пока не закончит выполняться onMouseОut другого элемента?