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

Есть два div, один вложен в другого:

<div style="width: 300px; height: 300px; background-color: green;" onmouseout="alert('Вне дива');">
	<div style="width: 200px; height: 200px; background-color: blue;"></div>
</div>

получается такая штука.
Хочу сделать так, чтобы при выводе с большого div на body выскакивал alert, то есть чтобы выскакивал alert только при перемещении курсора с синего на белый и с зеленого на белый. А получается, что alert выскакивает и при перемещении курсора между самими div. Как исправить ситуацию?

использовать правильные события для этого:
mouseleave и mouseenter. для браузеров не поддерживающих их использовать хак описанный в http://learn.javascript.ru/
Либо проверять откуда был переход и отсеивать не нужные. В любом случае вся информация есть в http://learn.javascript.ru/

А ещё не помешает, научится пользоваться поиском по сайту и гуглом. Вопрос задаётся в сотый раз, и наверное в стотысячный в инете, и ответов на него море

Большое спасибо.