title: Inline CSS Styles Work, but External CSS Styles Don't
body: <p>I need help.  This is ridiculous.</p>
  
  <p>I'm using Komodo IDE, version 7.1.2, and Firefox version 15.0.1.  </p>
  
  <p>I created an HTML5 file like so:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  
  &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"&gt;
  
  &lt;head&gt;
  
  &lt;meta charset="utf-8" /&gt;
  
  &lt;title&gt;Web Page&lt;/title&gt;
  
  &lt;link rel="stylesheet" type="css/text" href="css/global.css" /&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
  
  &lt;div id="release"&gt;Release Date&lt;/div&gt;
  
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>And the global stylesheet contains this and is located in a directory at the same level as the HTML file called <code>css</code>:</p>
  
  <pre><code>#release {
      text-align: center;
      font: small-caps;
      border-top: solid 1px;
      border-bottom: solid 1px;
      border-right: solid 10px;
  }
  </code></pre>
  
  <p>Here is a picture of the directory structure:</p>
  
  <p><img src="https://i.stack.imgur.com/zj6dA.png" alt="enter image description here"></p>
  
  <p>I put the same styling into he HTML file and it works, but the styling isn't working with the external stylesheet.  I am not new to website development, so this is particularly puzzling to me.</p>
  
  <p>I tried this same thing on two Windows 7 machines and one Ubuntu 11.10 machine as well, with the same anomaly.</p>
  
  <p>Here is the fiddle working:</p>
  
  <p><a href="http://jsfiddle.net/NKq8N/1/" rel="nofollow noreferrer">http://jsfiddle.net/NKq8N/1/</a></p>
  
  <p>What could be causing this?</p>