title: placing image as div background
body: <p>How can I place only an image in a div as background image, and add url link to it.
  Currenty I'm doing it this way:</p>
  
  <pre><code>&lt;div class="image"&gt;&lt;a href="example.com"&gt;&lt;img src="books.png" alt="Test" /&gt;&lt;/a&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I want to do something like following, but its not working (the image does not appear).</p>
  
  <pre><code>&lt;div class="image"&gt;&lt;a href="example.com"&gt;&lt;span class="books"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Thanks.</p>