title: Make CSS Image a link
body: <p>I'm just working on a site and I need an image in the top right corner that will link to another site when clicked. I created this in the CSS file:</p>
  
  <pre><code>div.image:before {
  content:url(http://LinkToMyImage);
  max-height: 169px;
  max-width: 220px;
  position: absolute;
  top: 0px;
  right: 0px;
  }
  </code></pre>
  
  <p>Then add this html:</p>
  
  <pre><code>&lt;div class="image"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>It appears exactly how I want it but it's obviously not a link, is there a way I can make this linkable? I have tried href to the div but that does not work. Any help is greatly appreciated! Thanks!</p>