problema con mouseover

[ryugen]

Esta nueva versión está mucho mejor depurada: http://jsfiddle.net/p4bl1t0/z7kp7/3/

Código Javascript:

var dentroPadre = false;
var padre = document.getElementById('padre');
padre.addEventListener('mouseenter',functOver,true);
function functOver(event)
{
    if(!dentroPadre){
         this.innerHTML += ' Sobre div padre + '+ event.target.id;
    }
    dentroPadre = true;
}
padre.addEventListener('mouseleave',functLeave,true);
function functLeave(event)
{
    
    if(event.target == padre){
        dentroPadre = false;
    }
}
 

Ahora nos fijamos que el mouseleave que estamos leyendo sea aquel disparado por el padre solamente. Entonces se logra el objetivo