title: CSS background Image -> Using an image
body: <p>I am using the image below but I am using it as it is and it is not taking up the 100% of the screen.</p>
  
  <p>I have thought of the following options but I would appreciate some advice on what to do:</p>
  
  <ol>
  <li>Create a tile of the wood grain?</li>
  <li>Create a strip of the wood grain?</li>
  </ol>
  
  <p><strong>Current CSS</strong></p>
  
  <pre><code>html{
      background: url('../img/Body_BG.png') repeat-x 0 0 scroll;
      background-color:#0C0C0C;
      height:100%;
      width:100%;
  }
  </code></pre>
  
  <p><strong>Image</strong></p>
  
  <p><img src="https://i.stack.imgur.com/jGlzr.png" alt="enter image description here"></p>