Последовательность обработки событий
 

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

Проблема заключается в следующем: если мышку быстро перевести с одного элемента А на другой Б, с одинаковыми "родителями", но с разной длинной вложенности - у А 7-е колено, а у Б - 4-ое - события по зажиганию от элемента Б проходят быстрее, чем гашение родителей элемента А.
В результате общие родительские элементы сначала еще раз зажигаются (Б), а потом гасятся (А), хотя должны быть остаться зажженными.

Подскажите п-ста, существует ли способ упорядочить эти события, то есть чтобы onMouseOver одного элемента не начинал выполняться, пока не закончит выполняться onMouseОut другого элемента?

Мы сами все это реализовать должны, чтобы посмотреть на проблему? Выложите где-нибудь страничку для демонстрации.

нуу. это модно увидеть здесь http://test.nabazar.com.ua/new/
Может лучше код сразу?