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