title: Internet Explorer "CSS was ignored due to mime type mismatch" on local files (no server)
body: <p>I'm developing an application which creates a HTML report at the end, it outputs the js and css files separately then loads the files normally. But Internet Explorer 8-10+ refuses to load the CSS files due to "<em>CSS was ignored due to mime type mismatch</em>", but of course, the MIME can't be modified, as they are local files and <strong>not</strong> being served by a server.  </p>
  
  <p>So in short:</p>
  
  <ul>
  <li>Local files (C:\,file://,etc)</li>
  <li>CSS Won't load due to "MIME type mismatch"</li>
  <li>Works in every other browser without issue -_-</li>
  <li>Not "http://" or "localhost" or any variant</li>
  </ul>
  
  <p><strong>So, does anyone have any idea's on a work-around for this issue?</strong></p>
  
  <p>HTML loading of CSS:</p>
  
  <pre><code>&lt;head&gt;
      &lt;title&gt;Results&lt;/title&gt;
      &lt;link href='resources/bootstrap.min.css' rel='stylesheet' type='text/css' /&gt;
      &lt;link href='resources/bootstrap-responsive.min.css' rel='stylesheet' type='text/css' /&gt;
      &lt;link href='resources/style.css' rel='stylesheet' type='text/css' /&gt;
      &lt;meta name='viewport' content='width=device-width, initial-scale=1.0'&gt;    
  &lt;/head&gt;
  </code></pre>
  
  <p><strong>Note</strong>:
  According to <a href="http://msdn.microsoft.com/en-us/library/ie/hh180764%28v=vs.85%29.aspx" rel="noreferrer">Microsoft</a>, the fix is: "<em>Ensure style sheet file is delivered with the proper HTTP response header, which includes a content type of text\css. See MIME-Handling Changes in Internet Explorer for more information.</em>", but obviously impossible, as no header's are being sent across the wire......</p>