title: SEC7113: CSS was ignored due to mime type mismatch
body: <p>I am developing a Jsp-Servlet application.
  I deployed the application using Eclipse with Default Tomcat 7.</p>
  
  <p>However after deploying the application, in Chrome/Firefox the UI gets rendered properly.
  Where as in IE10 or later is showing this warning in console and none of the UI elements are loaded.</p>
  
  <pre><code>SEC7113: CSS was ignored due to mime type mismatch
  </code></pre>
  
  <p>This is how the css files are referred</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;Test&lt;/title&gt;
          &lt;link rel="shortcut icon" href="images/rpt.ico" type="image/x-icon"&gt;
          &lt;link href="css/custom.css" rel="stylesheet" type="text/css" /&gt;
      &lt;/head&gt;
  ...............
  &lt;/html&gt;
  </code></pre>
  
  <p>How do I solve this issue?</p>
  
  <p><strong>Update</strong> If I run the site in Compatible mode, it's rendering fine. But how should I make it work even if it's not enabled.</p>
  
  <p><strong>I can see that Type is not coming as text/css. But Why?</strong>
  <img src="https://i.stack.imgur.com/HFG7S.png" alt="enter image description here"></p>