title: css file path is right, css code is valid, but it doesn't work
body: <p>I have a weird, annoying problem. I have a <code>css/</code> folder and <code>index.html</code> at the root. I load css files in the header as follows:</p>
  
  <pre><code>&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" xml:lang="en" lang="en"&gt;
  
  &lt;head&gt;
      &lt;title&gt;blabla&lt;/title&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;
      &lt;meta name="keywords" content="keywords" /&gt;
      &lt;meta name="description" content="desc" /&gt;
  
      &lt;!-- style files --&gt;
      &lt;link rel="stylesheet" type="text/css" href="css/reset.css" media="screen" /&gt;
      &lt;link rel="stylesheet" type="text/css" href="css/layout.css" media="screen" /&gt;
      &lt;link rel="stylesheet" type="text/css" href="css/global.css" media="screen" /&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p>but the <code>css</code> is not working: I see a plain <code>index.html</code>. I'm sure the css path is right; when I click "view source" and copy/paste the css files path, it shows the css files. </p>
  
  <p>Also, when I copy the css directly into <code>index.html</code>, it works. What could be the problem?</p>