title: CSS div background not appearing
body: <p>I'm new to web development, but I have been looking ofr a solution to this problem for days now, so I decided to finally ask you. </p>
  
  <p>I have an empty page with a background defined in an external sylesheet.</p>
  
  <p>Apart from that, I have included in the body a div which I will use to position images via the external stylesheet, rather than just inserting an  tag in the html file. </p>
  
  <p>Here is my html file:</p>
  
  <pre><code>&lt;! DOCTYPE html public "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>&lt;head&gt;
      &lt;title&gt;Azin Productions&lt;/title&gt;
  
      &lt;link rel="stylesheet" type="text/css" href="style/style_2.css"&gt;
      &lt;link rel="stylesheet" type="text/css" href="style/MyFontsWebfontsOrderM3219563.css"&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;p&gt;Hello World&lt;/p&gt;
      &lt;div class="bit_1"&gt;&lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <p>and here is my stylesheet:</p>
  
  <pre><code>    body {
    background: url(images/NYCNEW.jpg);
    background-size:100% 130%;
    background-repeat:no-repeat;
    z-index: -100;
  
    font-family: Museo-500; calibri;
  }
  
  p {
    color:orange;
  }
  
  .bit_1 {
    color:blue;
    background-image: url(images/bits/bit_1.png)
    z-index: 500
  }
  </code></pre>
  
  <p>-and yes, I am absolutely sure the links are correct :)</p>
  
  <p>Thanks in advance, 
  Magnus</p>