title: CSS file not loading / displaying in Firefox
body: <p>I'm creating a small one page website ..for the first time in <strong>quite a while</strong>. 
  It works fine on chrome &amp; safari across desktop, tablet &amp; phone but on Firefox (v20 for mac os) the CSS does not load (locally or online).</p>
  
  <p>I have done some research &amp; have checked / amended the following:</p>
  
  <ul>
  <li>the encoding is "utf-8" </li>
  <li>no difference / change when using absolute paths over relative. </li>
  <li>path is correct, right down to the case sensitive name of the css file. </li>
  <li>link type is specified (text/css)</li>
  <li>cache has been cleared.. alot..</li>
  </ul>
  
  <p>.. but still no luck, below is the line of code linking to the css &amp; it is also live on <a href="http://www.louisetiernan.com" rel="nofollow">http://www.louisetiernan.com</a></p>
  
  <pre><code>&lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  &lt;link rel="stylesheet" type="text/css" href="styles.css" /&gt;
  
  &lt;/head&gt;
  </code></pre>
  
  <p>All help very much appreciated. Thanks. </p>