onmouseout и дочерние элементы
 

Всем привет. Ребят выручайте чайника )
Пусть есть код:

<div id="div1" style="padding:5px 5px 5px 5px;" onmouseout="MouseOut()">
<div id = "div2">Тут текст</div>
</dv>

Так вот событие MouseOut() срабатывает когда навожу курсор на div2, а нужно сделать так чтобы оно срабатывало при нахождение курсора за пределами div1, как с ентим боряться?
спасибо.

Здесь есть даже красивые иллюстрации на эту тему: http://javascript.ru/tutorial/events/intro
читайте про перехват и всплытие