title: Repeat background image as header
body: <p>Trying to get my image to repeat on the x-axis along the top of my webpage. The image appears but doesn't repeat.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id='head'&gt;&lt;img src='img/header.jpg'&gt;&lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code> #head img {
      background-repeat: repeat-x;
      width: 100px;
      height: 20px;
      position: absolute;
   }
  </code></pre>
  
  <p>Thanks.</p>