onmouseout se ejecuta aun sin quitar el mouse

[israbart]

Buenas tardes,

Nuevamente recurro a ustedes debido a que ya no se me ocurre el porque. Tengo este código el cual realiza un efecto de tamaño en un menu.

Código:

function aumentardiv(id)
{
	var div = document.getElementById('menu'+id);
	widthBMv = widthBMv + 1;
	var width_aux = div.style.width;
	width_aux = width_aux.substr(0,width_aux.length - 2);
        if(parseInt(width_aux) >= 350){
		div.style.width = '350px';
                clearInterval(tempoautD_aux);
                tempoautD_aux = '';
		return;
	}else{
	        width_aux = parseInt(width_aux) + parseInt(widthBMv);
	        div.style.width = width_aux + 'px';
	}
	tempoautD_aux = setTimeout("aumentardiv("+id+")",10);
}

function disminuirdiv(id)
{
	var div = document.getElementById('menu'+id);
	widthBMv = widthBMv - 1;
	var width_aux = div.style.width;
	width_aux = width_aux.substr(0,width_aux.length - 2);
	if(parseInt(width_aux) <= 238){
		div.style.width = '238px';
                clearInterval(tempoautD_aux);
                tempoautD_aux = '';
		return;
	}else{
                width_aux = parseInt(width_aux) + parseInt(widthBMv);
               div.style.width = width_aux + 'px';
	}
	tempoautD_aux = setTimeout("disminuirdiv("+id+")",10);
}

El código HTML de la etiqueta queda así:

Código HTML:

<div id='menu0' style='width: 238px;' onmouseover='javascript:aumentardiv(0)' onmouseout='javascript:disminuirdiv(0);'><span>Item 1</span></div> 

El problema esta en que si dejo el cursor del mouse en Item 1 las funciones de los eventos onmouseover y onmouseout se ejecutan una tras otra ciclicamente hasta que quite el cursor del Item1.

Lo raro es que si quito la etiqueta <span> las funciones se ejecutan de manera correcta.

Ahora si que como dice eugenio derbez, ¿Que alguien me explique? Por favor.

Saludos