there are two big objects with 0px interval between. they class is '.big'. There are two small objects which class is '.small'. Each small object position have collision with one '.big' object. If mouse_enter '.big' class object then funcStart(); if mouse_leave then funcStop().
If mouse from '.big' object goes to '.small' starts funcStop() because mouse is left from '.big', despite the fact that '.small' object is over '.big'.
I need that mouseover on '.small' is active(button), but funcStop() don't need to be run, because mouse is over '.big' object too when it is over '.small' object.
var DONTSTOP = true;
I think your problem is sibling vs child. Check out this sketch showing the difference in behavior. If the nested div is not a child then the mouse does leave the outer element. It must be a child for the mouse to stay. The downside is that if the element extends out then your mouseout is extended as well.
<div class ="big">1 big sibling.</div> <div class ="small">2 small sibling.</div> <div class ="big">3 big parent. <div class = "small">4 small child.</div> </div>