Tengo un pequeño div arriba (pase el mouse) uno grande.
Asigno los eventos onmouseover y onmouseout al contenedor wrap div.
Para la animación de desplazamiento de subtítulos de imagen.

El problema es cuando el mouse está sobre el subtítulo en sí mismo, causando un resultado no deseado (probablemente evento burbujeante).

Y otro problema: a veces, cuando mueves el mouse desde el exterior al contenedor, obtienes una secuencia triple: (debe ser solo 2):
-Estoy- -Estoy fuera- -Estoy-

¿Cómo hacer que funcione? (no jquery)
debe funcionar en todos los navegadores.

Manifestación

He agregado el registro de la consola firebug, para una mejor depuración.

ACTUALIZAR:
He agregado esto (no en la demostración en línea) en RollOverDescription:

if (!eventHandle) var eventHandle = window.event;               
var srcEle = eventHandle.srcElement.id;             
if(srcEle=="imageDescription" ){
    return;
}

Pero no ayuda.