Zobacz sobie jak zachowa się mouseover i mouseenter gdy zdarzenie to będzie wywoływane do rodzica a myszką przejedziesz po dziecku tego rodzica. Chodzi mi o to:
$('#rodzic').mouseover(function() {
$('#divTestowy').addClass("czerwoneTlo");
})
$('#rodzic').mouseout(function() {
$('#divTestowy').removeClass("czerwoneTlo");
})
<div id="rodzic">
<div id="dziecko"></div>
</div>
<div id="divTestowy"></div>
Dlatego lepiej używać mouseenter i mouseleave.