Проблемы с отработкой onmouseout
 

Добрый день.
Имею:

<div id="xxx" style="height:150px; "> Hello <br>
<span>Всем привет</span><div>ggg</div>
<h2>Заголовок</h2>
</div>

И обработчик JS:

document.getElementById('xxx').onmouseout=function ()
{
    alert('out-'+this.id);
}

Проблема в том, что даже когда перемещаешь мышь
внутри <div id='xxx'> и заходишь на внутренние элементы
идет отработка onmouseout.
Как сделать так чтобы этого не происходило, а onmouseout
шло только при выходе из всего блока?
Спасибо.

Проверять источник события.

Можно чуть поподробнее:
я так понимаю в onmouseout источник один если двинуть мышью
за пределы блока и если двинуть например на внутренний div.
А мне нужна именно эта разница.

Вот блин, что только перехватом?
У меня весь алгоритм идет как раз на всплывании...
отрабатываю onmouseover дочерних элементов - определенные действия
и потом хочу onmouseover родителя - одно на всех действие

Насколько я понял, Kolyaj имеет в виду анализ relatedTarget при onmouseout
Повешено событие при этом должно быть на контейнер. Так что всё в порядке.

http://www.quirksmode.org/js/events_mouse.html — тут подробно подход описан.