buenas compañeros foreros, tengo un problema que no entiendo porque pasa ("#$&/% Internet explorer

) el problema es el siguiente, tengo una pagina (
http://www.bien-sc.com.mx/quienes_somos.php) en la cual debajo del logo principal tengo una imagen gif que anima dos textos, en la parte inferior tengo algunos links (nuestra empresa, filosofia, etc..) los cuales hacen un llamado a una funcion (AJAX) la cual carga datos en un div, mi problema es, al darle click en cualquiera de los links mencionados antes de que la animacion del gif termine se detiene la animacion (el problema solo se ah detectado en internet explorer 6), no encuentro la razon de cual es realmente el problema, no se si alguien ya le ah pasado algo asi, espero me puedan ayudar a resolver este problema.
PD aqui esta la funcion que utilizo para cargar los datos
Código:
/* Funcion para el objeto nuevoAjax() */
function nuevoAjax()
{
/* Crea el objeto AJAX. Esta funcion es generica para cualquier utilidad de este tipo, por
lo que se puede copiar tal como esta aqui */
var xmlhttp=false;
try
{
// Creacion del objeto AJAX para navegadores no IE
xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e)
{
try
{
// Creacion del objet AJAX para IE
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch(E) { xmlhttp=false; }
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined') { xmlhttp=new XMLHttpRequest(); }
return xmlhttp;
}
Código:
/* funcion que carga los datos en el div */
function cargar_datos_quienessomos(campo) {
var ajax=nuevoAjax();
ajax.open("GET","contenido/quienes_somos.php?opciones=" + campo,true);
ajax.onreadystatechange=function() {
if (ajax.readyState == 1) {
document.getElementById("div_cargando").style.display = "block";
}else if (ajax.readyState == 4) {
document.getElementById("div_texto_quienes_somos").innerHTML = ajax.responseText;
document.getElementById("div_cargando").style.display = "none";
}
}
ajax.send(null);
}