Cambio dinamico de hoja css

[kerfer]

Pues nada aqui ando con un problema que me esta dando con IE, que ya llevo dos dias dandole a la cabeza, pero aun no he conseguido ver el porque, el donde, y el como solucionar el problemilla.

El tema es que tengo 3 enlaces, que lo que hacen es cambiar el tamaño de texto de la pagina, para ello cambiando la hoja de estilos.

Y es que resulta, que con Firefox, etc... me va perfecto, pero en IE, al hacer click la primera vez en el enlace, la pagina pierde los estilos, pero si vuelvo a clickear para cambiar otra vez el estilo, ya recupera los estilos y se muestra bien.

Es como si la primera vez, encontrara el archivo css.

El codigo javascript es...

Código PHP:

  function activarCSS(title) {  
    // Obtengo los elementos link  
    var links = document.getElementsByTagName("link");  
     
    // Los recorro todos y el que tenga   
    // el title que queremos lo activamos  
    // el resto los desactivamos  
    for (var i=0; i<links.length; i++) {  
        if (links[i].getAttribute("title") == title) {  
            links[i].disabled = false; 
            crearCookie(title); 
        }  
        else {  
            links[i].disabled = true;  
        }  
    }  
} 
 
function crearCookie(hoja) { 
  document.cookie = hoja + ';path=/'; 
} 
 
function leerCookie() { 
  micss = document.cookie; 
  if (micss == '') 
    micss = 'normal'; 
  activarCSS(micss); 
}  
   

Los enlaces...

Código PHP:

  td> 
<a href="#" onclick="activarCSS('pequeno')"> 
<IMG alt="Tamaño pequeño" title="Tamaño pequeño" src="A1.gif" height="15" width="7"/> 
</a> 
</td> 
 
<td> 
<a href="#" onclick="activarCSS('normal')"> 
<IMG alt="Tamaño medio" title="Tamaño medio" src="A2.gif" height="15" width="10"/> 
</a> 
</td> 
 
<td class="a3"> 
<a href="#" onclick="activarCSS('grande')"> 
<IMG alt="Tamaño grande" title="Tamaño grande" src="A3.gif" height="15" width="18"/> 
</a> 
</td>  
   

Y aqui estan los link a las css en el head...

Código PHP:

  <link title="normal" type="text/css" rel="stylesheet" href="normal.css"> 
<link href="grande.css" title="grande" type="text/css" rel="alternate stylesheet"> 
<link href="pequeno.css" title="pequeno" type="text/css" rel="alternate stylesheet">  
   

Salu2