JQuery mouseout не хорошо работает, нужна помощь

Значит такая ситуация:

делаю меню, структура:
<ul>
<li class="first">
<a href="...">Link</a>
<ul class="child">
<li>....</li>
...
</ul>
</li>
</ul>

вот скрипт:

$('.first').mouseover(function(){
$(this).find('.child').show();
});

$('.child').mouseout(function(){
$(this).hide();
});

так вот, mouseout срабатывает каждый раз, когда курсор переходит с одного внутреннего li на другой, либо на любой другой елемент, как будто не $('.child').mouseout() а $('.child *').mouseout()

как бороться с этой бедой? (причем если это делать на CSS то все норм, но мне нужно именно jquery, так как там будут эфектики всякие якие)

буду благодарен за подсказки

Примечание:
задержка не поможет, он просто выполнит функцию по таймеру, уже пробовал

Примечание:
решилось заменой mouseout на mouseleave

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.