title: CSS only works in Chrome
body: <p>I need to hand in this website tonight, but it only works in Chrome. I've tried everything I can think of (I'm very new to this, only learned about HTML and CSS a couple of weeks ago). The HTML seems to work fine, but my stylesheet doesn't seem to work. </p>
  
  <p><strong>The CSS:</strong></p>
  
  <pre><code>@charset "utf-8"; /* CSS Document */
  body {
      background-image: url('http://oi43.tinypic.com/2yvmjvq.jpg');
      color: #FFF;
  }
  
  ::selection {
      background: #FB5549;
  }
  
  ::-moz-selection {
      background: #FB5549;
  }
  
  a.class2 {
      text-decoration: none;
      color: #1F1B21;
  }
  
  a.class2:visited {
      color: #1F1B21;
  }
  
  a.class2:hover {
      color: #1F1B21;
  }
  
  a.class2:active {
      color: #1F1B21;
  }
  
  a.class1 {
      text-decoration: none;
      color: black;
  }
  
  a.class1:visited {
      color: #0A0A0A;
  }
  
  a.class1:hover {
      color: #FB5549;
      font-style: italic;
  }
  
  a.class1:active {
      color: #FB5549;
  }
  
  a.class3 {
      text-decoration: none;
      color: #FFF;
  }
  
  a.class3:visited {
      color: #FFF;
  }
  
  a.class3:hover {
      color: #FB5549;
      font-style: bold;
  }
  
  a.class3:active {
      color: #FB5549;
  }
  
  a.class4 {
      text-decoration: none;
      color: #0A0A0A;
  }
  
  a.class4:visited {
      color: #0A0A0A;
  }
  
  a.class4:hover {
      color: #0A0A0A;
  }
  
  a.class4:active {
      color: #0A0A0A;
  }
  
  #wrapper {
      clear: both;
      width: 690px;
      margin-top: 85px;
      margin-left: auto;
      margin-right: auto;
      background-color: #0A0A0A;
      padding-top: 14px;
      padding-bottom: 2px;
  }
  
  header {
      text-align: center;
      width: auto;
      margin-top: -8.0em;
  }
  
  h1 {
      font-family: "lobster 1.4";
      color: #1F1B21;
      font-size: 50px;
  }
  
  h2 {
      font-family: "aleo";
      font-size: 22px;
      line-height: 20px;
      letter-spacing: 0.8px;
  }
  
  h6 {
      font-family: "lekton";
      color: white;
      font-weight: 500;
      text-align: center;
  }
  
  nav {
      position: fixed;
      left: 208px;
      top: 145.5px;
      width: 8em;
      margin-top: -2.5em;
      font-family: "consolas";
      font-size: 14px;
      line-height: 18px;
      color: #0A0A0A;
      text-align: right;
  }
  
  aside {
      position: fixed;
      left: 1046px;
      top: 145.5px;
      width: 177px;
      margin-top: -2.5em;
      font-family: "consolas";
      font-size: 14px;
      line-height: 18px;
      color: #0A0A0A;
      text-align: justify;
  }
  
  #content {
      width: 650px;
      text-align: justify;
      font-family: "lekton";
      font-size: 14px;
      line-height: 18px;
      padding-right: 20px;
      padding-bottom: 15px;
      padding-left: 20px;
      border-bottom: 1px dotted #C6C6C6;
  }
  
  footer {
      clear: both;
      width: 690px;
      line-height: 14px;
  }
  </code></pre>
  
  <p><strong>The HTML</strong></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&gt;
     &lt;head&gt;
        &lt;meta charset="utf-8"&gt;
        &lt;br&gt;
        &lt;title&gt;Start&lt;/title&gt;
        &lt;link href="style/stylesheet.css" rel="stylesheet" type="text/css&gt;
           &lt;style type="text/css"&gt;
        &lt;/style&gt;
     &lt;/head&gt;
     &lt;body&gt;
        &lt;nav&gt;
           &lt;h2&gt;&lt;a href="index.html" class="class4" title="Tilbage til startsiden"&gt;menu&lt;/a&gt;&lt;/h2&gt;
           &lt;a href="start.html" class="class1"&gt;start&lt;/a&gt;&lt;br&gt;
           &lt;a href="om mig.html" class="class1"&gt;om mig&lt;/a&gt;&lt;br&gt;
           &lt;a href="skolearbejde.html" class="class1"&gt;skolearbejde&lt;/a&gt;&lt;br&gt;
           &lt;a href="http://www.rtgkom.dk/wiki/Main_Page" class="class1" target="blank"&gt;rtgkom&lt;/a&gt;&lt;br&gt;
        &lt;/nav&gt;
        &lt;div id="wrapper"&gt;
           &lt;header&gt;
              &lt;h1&gt;&lt;a href="start.html" class="class2"&gt;laura Andersen&lt;/a&gt;&lt;/h1&gt;
           &lt;/header&gt;
           &lt;div id="content"&gt;
              &lt;article&gt;
                 &lt;hgroup&gt;
                    &lt;h2&gt;om siden&lt;/h2&gt;
                 &lt;/hgroup&gt;
                 &lt;p&gt;
                    Dette er mit studieweb på &lt;a href="http://www.rtgkom.dk/wiki/Main_Page" class="class3" target="blank"&gt;rtgkom&lt;/a&gt;, hvor jeg lægger alle de relevante projekter ud, som jeg arbejder på i sammenhæng med mit gymnasieforløb. Siden er lavet i faget kommunikation/it, hvor vi har arbejdet med HTML og CSS.
                 &lt;/p&gt;
              &lt;/article&gt;
           &lt;/div&gt;
           &lt;footer&gt;
              &lt;center&gt;
                 &lt;h6&gt;Lavet af &lt;a href="index.html" class="class3"&gt;Laura Andersen&lt;/a&gt;&lt;br&gt;
                    Sidst opdateret den 22. oktober 2013
                 &lt;/h6&gt;
              &lt;/center&gt;
           &lt;/footer&gt;
        &lt;/div&gt;
        &lt;aside&gt;
           &lt;h2&gt;hvad laver jeg?&lt;/h2&gt;
           &lt;p&gt;Jeg er i gang med at lave mit studieweb. Vi er startet på emnet "grafisk design".&lt;/p&gt;
        &lt;/aside&gt;
     &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>