Событие hover
 

Есть 2 элемента (родитель и ребенок), при назначенном событии на родителя (сразу mouseout и mouseover), если навести на ребенка, событие сбивается (делает mouseover).

Как сделать так что бы Ребенок не влиял на событие родителя и если я в зоне родителя тогда действовало событие родителя mouseover вне зависимости от наведения на детей?

Ссылка на архив с примером
(если дописать в событие hover еще и ребенка, тогда буде все отлично, но если будет кучу детей? Думаю есть какое-то другое решение).

mouseenter/mouseleave . Но они не кроссбраузерны. В jQuery вроде бы реализована кроссбраузерная поддержка этих событий. И шорткат hover()

Подставлял и hover, и mouseover/mouseout, и mouseenter/mouseleave. Все идентично.. Может еще есть какие-то варианты?

Может я не до конца понял вопрос, но мне кажется вам даст все ответы прочтение статьи из здешнего учебника

да архив с примером ведет на 404... В песочницу бы оформили

"danik.js" все правильно понял, мне нужно mouseenter/mouseleave, но почему то они у меня не срабатывают.

Опишу подробнее, есть слайдер, при наведении на него появляются стрелки, если начать водить по стрелка то они мерцать начинают из-за того что на родителе событие которое при уходе с него скрывают стрелки.

Накидал пример в песочнице.

Ааа.. я затупил) Я же стрелки отдельно вынес с этого блока)
Уже решена проблема)
Всем спасибо!

hfts_rider,

// HOVER
	$('.sliderHfts').mouseenter(function(){
		$('.sh-btns').css('display','block');
		$('.sh-btns').stop().animate({'opacity':'1'},200);
	}).mouseleave(function(event){
	    if($(event.relatedTarget).closest(this).size()) return;
		$('.sh-btns').stop().animate({'opacity':'0'},200,function(){
		$('.sh-btns').css('display','none');
		});
	});

Ага)) Так и сделал)