title: CSS styling not working when uploaded to server?
body: <p>I've created a basic page, from a template I had for the rest of my site, but pulled most of it apart to make the page look "not designed". It only has an unordered list with a short paragraph fixed to the top and a logo float right. It works in system preview, but when uploaded to the server it loses all the CSS styling.</p>
  
  <p>This is the html:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#title {
      width:400px;
      position:fixed;
  }
  
  #icon {
      position:relative;
      float:right;
  }
  
  h5 {
      font-size:25px;
      color:#ff6682;
      line-height:1.35em;
  }
  
  a:link {
      color:#253b84;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><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"&gt;
     &lt;head&gt;
        &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;
        &lt;title&gt;/other&lt;/title&gt;
        &lt;link href="assets/scripts/AMK_Website.css" rel="stylesheet"              
           type="text/css" /&gt;
     &lt;/head&gt;
     &lt;body&gt;
        &lt;div id="icon"&gt;
           &lt;img src="assets/images/icon/icon.gif" width="80" height="106" alt=""/&gt;
        &lt;/div&gt;
        &lt;div id="title"&gt;
           &lt;h5&gt; /other is a collection of personal work in design photography, as    
              well as work that inspires me. To get back to
              the important stuff, &lt;a href="index.html"&gt;click here&lt;/a&gt;
           &lt;/h5&gt;
        &lt;/div&gt;
        &lt;div id="photolist"&gt;
           &lt;ul&gt;
              &lt;li&gt;&lt;img src="assets/images/other/1.jpg" width="768" height="1024"        
                 alt=""/&gt;&lt;/li&gt;
           &lt;/ul&gt;
        &lt;/div&gt;
     &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Help appreciated!</p>