Использование onmousemove и onmouseout. Непонятное совместное срабатывание событый.
 

Есть такой блок:

<div id="super_vote">
	Пункт1: <span id="num">0</span>
	<div id="vote_line"><div></div></div>
</div>

С помощью скрипта

var vote_line = document.getElementById('vote_line');

vote_line.onmousemove = function(e){
	var mCur = mouseLayerXY(e); // определение координат курсора
	this.firstChild.style.width = (Math.floor(mCur.x/10)*10+10)+"px";
}

vote_line.onmouseout = function(event){
	this.firstChild.style.width = 0;
};

изменяю длину внутреннего div'а у #vote_line с шагом 10px
Все работает нормально, пока не прописал vote_line.onmouseout
Тут начались какие-то перехлесты в выполнении этих событий.
Видать курсор то над внутренним элементом, то над внешним.
Как можно побороть этот казус?

как минимум единицы измерения забыли указать

А при нуле ведь можно их не задавать.
Без единиц измерения работает пока нет события vote_line.onmouseout
Т.е. внутренний блок увеличивается нормально, но нужно чтобы при отводе мышки он сбрасывался в ноль.

Пробовал таким способом:

vote_line.firstChild.onmouseout = function(event){
	this.style.width = 0;
};

Все работает, но появляется такой нюанс, что при быстром перемещении мышки не всегда это событие схватывается и длина этого блока не сбрасывается в 0.

поменяй onmousemove на onmouseover. и косяки пропадут -речь ведь идёт о взаимоналожении событий?

и event в onmouseout тоже лишний

onmousemove мне нужен чтобы узнавать координаты относительно элемента

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

Хм, логично. Не подумал о таком подходе.