title: External CSS not working in IE11
body: <p>I have wrote my own embed-server, which can generate response to web browsers.
  The generated "main page" is like the following html.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;&lt;head&gt;&lt;link rel="stylesheet" href="styles.css"&gt;&lt;title&gt;ABC Inc. Web Configurator&lt;/title&gt;&lt;/head&gt;&lt;body&gt;
  &lt;nav&gt;&lt;p&gt;[&lt;b&gt;Home&lt;/b&gt;]&lt;/p&gt;&lt;/nav&gt;
  &lt;table&gt;
  &lt;tr&gt;&lt;td&gt;&lt;a href=Config&gt;Config&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;&lt;a href=Logger&gt;Logger&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  &lt;footer&gt;Web Configurator &amp;copy; ABC Inc. 2014 - 2015&lt;/footer&gt;&lt;/body&gt;&lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>And the generated CSS file is</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.even{
   background-color: #EFF;
  }
  .odd{
   background-color: #FFE;
  }
  .title{
   background-color: #226;
   color: #EEF;
  }
  a{
   color: #36C;
   text-decoration: none;
  }
  a:hover{
   text-decoration: underline;
  }
  body{
   font-family: Tahoma;
   font-size: 100%;
  }
  footer{
   color: #999;
   font-size: 0.7rem;
  }
  nav{
   background-color: #DDF;
   font-size: 1.1rem;
  }
  td{
   min-width: 60px;
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>When I browse the main page by Chrome 43 or Firefox 39, they're both okay.
  However, when I use IE11, the CSS not apply to the html, even though that I can make sure IE11 have access the CSS file from my server. If I press F12 in IE, the DOM manager shows no stylesheet in this page. </p>
  
  <p>BTW, my URL is <a href="http://localhost:8888/" rel="nofollow noreferrer">http://localhost:8888/</a>, and need a basic authentication.
  Any idea how can I fix it?</p>
  
  <p><strong>UPDATE</strong></p>
  
  <ol>
  <li><p>I've read <a href="https://stackoverflow.com/questions/21335324/external-css-in-internet-explorer-11-not-working">the stackoverflow thread</a> before, and I'm sure my problem is not about browser caching. Thanks Mauro for notification.</p></li>
  <li><p>I've tried Chrome + IE tab2, the CSS works, but not apply to nav and footer tag. I guess IE tab not support HTML5.</p></li>
  </ol>
  
  <p><strong>UPDATE</strong></p>
  
  <ol>
  <li><p>I've try both of closed and non-closed link tag, both of them are not solve my problem with IE11.</p></li>
  <li><p>I've try to disable Basic Authentication, still not working.</p></li>
  </ol>
  
  <p><strong>UPDATE</strong></p>
  
  <ol>
  <li><p>The CSS also works in Firefox 39.</p></li>
  <li><p>The CSS works with IE11 + Compatible mode (but HTML5 tags will be ignored).</p></li>
  </ol>