title: JSF does not load css file, error message: "The resource from this URL is not text"
body: <p>This is my JSF file header:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="ISO-8859-1" ?&gt;
  &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml" 
    xmlns:f="http://java.sun.com/jsf/core" 
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui"&gt;
  &lt;h:head&gt;
      &lt;meta http-equiv="content-type" content="text/html;charset=iso-8859-1"/&gt;
      &lt;title&gt;#{txt.TXT_TITLE_LOGIN}&lt;/title&gt;
      &lt;link rel="stylesheet" type="text/css" href="scripts/styles.css"/&gt;
      &lt;link rel="shortcut icon" href="./images/favicon.ico"&gt;&lt;/link&gt;
      &lt;script src="./scripts/scripts.js" type="text/javascript"/&gt;
  &lt;/h:head&gt;
  &lt;body...
  </code></pre>
  
  <p>When I opent the page, styles are not loaded, looks very ugly, and Firebug shows this:</p>
  
  <pre><code>&lt;link href="scripts/styles.css" type="text/css" rel="stylesheet"&gt;
      The resource from this URL is not text: http://localhost:8080/EWC/scripts/styles.css
  &lt;/link&gt;
  </code></pre>
  
  <p>... but the file is there, at the location /EWC/scripts. </p>
  
  <p>When I open some other page with very same header all is ok. Then I go back to this page and it is ok too. But it happens again when this page is loaded first after clean browser cash.</p>
  
  <p>What went wrong? </p>