Salve a tutti e buona domenica
Vorrei esporvi un problema riguardante l'inclusione di file css in modo dinamico all'interno del codice javascript.
Quest'ultimo sembra alquanto semplice e lavora bene in tutti i browser eccetto (guarda un pò) in Internet Explorer.
Ho cercato qualcosa in rete ma non sono riuscito a reperire nulla.
Qualcuno sa dirmi dove sbaglio?

codice:
cante={
   car_css:function(x,callback){
   var n_style;
   var ele_style=this.ric_tag("style"); // ritorna tutti i tag style
   if(ele_style.length==0){ // se il tag style non esiste..
   n_style=document.createElement("style");
   n_style.setAttribute("type","text/css");
   document.getElementsByTagName('head')[0].appendChild(n_style);
   }
   else // se esiste prelevo il primo tag style risultante in ele_style
   n_style=ele_style[0];
   n_style.appendChild(document.createTextNode("@import url('"+x+"');"));
   if(callback) return callback(); else return true;
   }
  }

cante.car_css("index2.css");
Mi sembra pulito e corretto.
Voglio e vorrei utilizzare l'@import in quanto maggiormente affidabile e più sicuro.
Perchè in Explorer non funzione?

Grazie mille e perdonate la perdita di tempo.
Vi auguro buona domenica a voi e le vostre famiglia.

Saluti
Marco