A veces no funciona el onmouseout

[abassi]

Hola! Bueno, el problema es el siguiente, tengo una web donde cambio el html de un div dependiendo si el mouse esta arriba del mismo o no, como veran, si pasan el mouse lentamente por arriba de las cajas todo funciona perfecto, pero al hacerlo rapidamente muchas veces no responde... alguna idea?

Es la home de este sitio: http://intachicos.inta.gob.ar/ de ahi puden ver el codigo generado

Y aca les paso un fragmento del codigo

Código:

<script type="text/javascript"><!--

 function outMIN(idelemento, titulo, descripcion, clase1, clase2, edad, gif, id) {
 document.getElementById(idelemento).innerHTML = '<img  src="/archivos/min/'+id+'.jpg" width="187"height="132" /> <div class="ficha" style="background-image: url(/images/'+gif+');" onmouseover="overMIN(\'' + idelemento + '\',\'' + titulo + '\', \'' + descripcion + '\',\'' + clase1 + '\',\'' + clase2 + '\',\'' + edad + '\',\''+gif+'\',\''+id+'\')" ></div>'
 }
 function overMIN(idelemento, titulo, descripcion, clase1, clase2, edad, gif, id) {
 document.getElementById(idelemento).innerHTML = '<div class="' + clase1 + '" > </div> <div class="rec2middle"> <div class="rec2_title_middle">' + titulo + '</div> <div class="rec2_text_middle">' + descripcion + '</div> </div> <div class="' + clase2 + '"> <div class="rec2-text-abajo">' + edad + '</div> </div> <div onmouseout="outMIN(\'' + idelemento + '\',\'' + titulo + '\', \'' + descripcion + '\',\'' + clase1 + '\',\'' + clase2 + '\',\'' + edad + '\',\'' + gif + '\',\'' + id + '\')" class="zuper" ></div> '
 }
//-->

</script>
<div id="dvr1" >
 <a href="/contenidos/juego/a-pintar"  > 
 <div id="dvm426" class="contenedor" >
 <img src="/archivos/min/426.jpg" width="187" height="132" alt="" /> <div class="ficha" style="background-image: url(/images/rec_juegos2.gif);" onmouseover="overMIN('dvm426','¡A pintar!', 'Muchos dibujitos para pintar, imprimir y guardar!','rec2juegos','rec2juegoabajo','EDAD: 3 - 5 años','rec_juegos2.gif','426')" ></div>
 </div>