title: Hard to explain, A strange javascript mouseover issue
body: <p>I have a box (the black bordered). I have a handler to trance the mouseout event of this box. The issue is when the mouse is hovered over an item let say div within this box ( the red bordered box, and the blue bordered box). The <code>mouseout</code> or mouseleave of the black bordered box event is fired.</p>
  
  <p>I am googling for three days, but did not find any solution for this issue. Why the mouseleave/out event is fired within the box as mouse is within its boundary. The position of the div is "absolute". I tried with core JavaScript and JQuery.</p>