title: IE and Edge not loading new stylesheet
body: <p>My site got some new colors and I updated the color code in my CSS file, but as usual it won't load in IE or Edge for some reason. </p>
  
  <p>I have cleared my cache in my site and browser. It's still not loading in the new color code. </p>
  
  <p>Do you have an idea of how to fix this? </p>
  
  <p>You are asking for details. så here is how my old css looked like. </p>
  
  <pre class="lang-css prettyprint-override"><code>div#root-wrapper &gt; div.wrapper &gt; div.page &gt; div#top.header-container &gt; div.header-container2 &gt; div.header-container3 &gt; div.nav-container &gt; div.nav.container.clearer.show-bg.has-outline &gt; div.navigation &gt; ul#navi.nav &gt; li:hover {
      background-color:#222;
  }
  
  div#root-wrapper &gt; div.wrapper &gt; div.page &gt; div#top.header-container &gt; div.header-container2 &gt; div.header-container3 &gt; div.nav-container &gt; div.nav.container.clearer.show-bg.has-outline &gt; div.navigation &gt; ul#navi.nav &gt; li:hover a span{
      color:#fff;
  }
  
  div#root-wrapper &gt; div.wrapper &gt; div.page &gt; div#top.header-container &gt; div.header-container2 &gt; div.header-container3 &gt; div.nav-container &gt; div.nav.container.clearer.show-bg.has-outline &gt; div.navigation &gt; ul#navi.nav &gt; li.level0.nav-2.level-top.parent.active, div#root-wrapper &gt; div.wrapper &gt; div.page &gt; div#top.header-container &gt; div.header-container2 &gt; div.header-container3 &gt; div.nav-container &gt; div.nav.container.clearer.show-bg.has-outline &gt; div.navigation &gt; ul#navi.nav &gt; li.level1.active {
      background-color:#222;
  }
  </code></pre>
  
  <p><strong>New code</strong></p>
  
  <pre class="lang-css prettyprint-override"><code>div#root-wrapper &gt; div.wrapper &gt; div.page &gt; div#top.header-container &gt; div.header-container2 &gt; div.header-container3 &gt; div.nav-container &gt; div.nav.container.clearer.show-bg.has-outline &gt; div.navigation &gt; ul#navi.nav &gt; li:hover {
      background-color:#671125;
  }
  
  div#root-wrapper &gt; div.wrapper &gt; div.page &gt; div#top.header-container &gt; div.header-container2 &gt; div.header-container3 &gt; div.nav-container &gt; div.nav.container.clearer.show-bg.has-outline &gt; div.navigation &gt; ul#navi.nav &gt; li:hover a span{
      color:#fff;
  }
  
  div#root-wrapper &gt; div.wrapper &gt; div.page &gt; div#top.header-container &gt; div.header-container2 &gt; div.header-container3 &gt; div.nav-container &gt; div.nav.container.clearer.show-bg.has-outline &gt; div.navigation &gt; ul#navi.nav &gt; li.level0.nav-2.level-top.parent.active, div#root-wrapper &gt; div.wrapper &gt; div.page &gt; div#top.header-container &gt; div.header-container2 &gt; div.header-container3 &gt; div.nav-container &gt; div.nav.container.clearer.show-bg.has-outline &gt; div.navigation &gt; ul#navi.nav &gt; li.level1.active {
      background-color:#671125;
  }
  </code></pre>
  
  <p>IE won't load this. It reads the old one, so some kind of cache issue, but I have tried clearing it all.</p>
  
  <p><a href="http://www.puk-int.dk/bestsellere/den-effektive-marketingplan.html" rel="nofollow">http://www.puk-int.dk/bestsellere/den-effektive-marketingplan.html</a></p>
  
  <p>I can see in the response header that it takes old CSS. But why?</p>