Problema con javascript en IE en texto rotativo dentro de un font

[javibenjas]

hola amigos

hoy programando en javascript me tope con un problema.

codigo:

Código PHP:

  function rotar_texto(event,texto) {
 var total = texto.length;
 total -= 13;
 inicia = 1;
 while(total >= 0) {
  cambiar = texto.substring(inicia,13+inicia);
  if(cambia_texto(event,cambiar)) {
   total--;
   inicia++;
   if(delay(100)) {
   }
  }
 } 
}
function cambia_texto(event,cambiar) {
 if(event.target) {
  event.target.innerHTML = cambiar;
  document.getElementById('oculto').value = cambiar;
 } else {
  window.event.srcElement.innerHTML = cambiar;
  document.getElementById('oculto').value = cambiar;
 }
 return true;
}
function delay(milisegundos) {
 inicio = new Date().getTime();
 while((new Date().getTime() - inicio) < milisegundos) {
 }
 return true;
} 
   

este se trata para hacer rotar el texto en un campo cuando no cabe todo el texto, pero en ie no me funciono en firefox cree un fix con este campo oculto para que actualize el texto

Código PHP:

  <input type="text" id="oculto" value="" style="visibility:hidden;"> 
   

lo llamo de esta forma

Código PHP:

  <font onmouseover="rotar_texto(event,'The Big Ban Theory');" onmouseout="this.innerHTML='The Big Ban T...';">The Big Ban T...</font> 
   

si no pongo este codigo firefox solo me muestra el texto final no me muestra el avance letra a letra

ie solo me muestra el texto final, no me muestra el avanze

alguna idea para crear un fix ????

probe con un alert(); dentro de la funcion cambia_texto y funciona en ie y firefox pero es molesto.

gracias