Internet Explorer ne parvient pas à charger des fichiers css

Question

Situation:

J'ai une page écrite de PHP, Wich comprendra un autocommutateur via

<style type="text/css">@import url(/css/my.css);</style> 

Après (et sur demande) un fichier javascript est chargé, cela ouvre une nouvelle "fenêtre" où les déclarations css seraient utilisées.

Ceci fonctionne dans tous les navigateurs sauf Internet Explorer (7-9).

Problème:

Selon les outils de développement IE (F12) le fichier css est chargé et je peux voir toutes les déclarations faites dans ce fichier (ils sont corrects), mais quand la nouvelle fenêtre est affichée, les déclarations CSS ne semblent pas être en vigueur.

« Solution »:

Désélection (et les resélectionner, même si ce n'est pas nécessaire) certaines des règles du fichier CSS données dans le CSS Tab des outils de développement IE font la page "rend" correctement.

Question:

D'où vient ce comportement vient, et comment puis-je me débarrasser de cela?

Informations complémentaires:

Je n'ai pas plus de 4095 (sans compter dans l'ensemble des fichiers CSS alltogether) sélecteurs (en fait, j'ai moins de 2.5k) et je charge seulement moins de 31 (exactement 7) différents fichiers CSS.

Comme demandé:

<div class="navigate"> 
<div class="nav-slider"> 
    <div class="nav-slider-left"> 
    <span role="button" class="nav-link nav-page-back">&lt;</span> 

    <div class="page-number"> 
     <span>1 of 1</span> 
    </div><span role="button" class="nav-link nav-page-next">&gt;</span><span role= 
    "button" class="nav-link nav-now">&acirc;&mdash;</span><span role="button" class= 
    "nav-link nav-prev-week">&lt;&lt;</span><span role="button" class= 
    "nav-link nav-prev-day">&lt;</span> 
    </div> 

    <div class="nav-slider-content"> 
    <div class="nav-slider-bar"> 
     <a class="nav-slider-button"></a> 
    </div> 
    </div> 

    <div class="nav-slider-right"> 
    <span role="button" class="nav-link nav-next-day">&gt;</span><span role="button" 
    class="nav-link nav-next-week">&gt;&gt;</span><span role="button" class= 
    "nav-link nav-zoomIn">+</span><span role="button" class= 
    "nav-link nav-zoomOut">-</span> 
    </div> 
</div> 

(i ont réduit le code HTML à la partie pertinente [ExtJS crée une énorme quantité de la structure autour du code donné)

CSS Declarations are here

Answer 1

Je ne suis pas sûr mais ce pourrait être un problème de mise en cache puisque vos styles sont int erpreted comme inline-css et ne sera pas sauvegardé lorsque vous ouvrez une nouvelle fenêtre. Avez-vous essayé d'utiliser:

<link href="yourcssfile.css" type"text/css" rel="stylesheet"/> 

MISE À JOUR: Il semble être un bug. J'ai trouvé votre problème dans cet article (point5). La solution est là aussi.

http://www.webcredible.co.uk/user-friendly-resources/css/internet-explorer.shtml