title: How to get anchor tag on background image of div?
body: <p>HTML:</p>
  
  <pre><code>&lt;div id="facey"&gt;
      &lt;a href="http://www.facebook.com.au"&gt;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>#facey {
      float: left;
      width: 32px;
      height: 32px;
      background: url(file:///C|/Users/User/Documents/TAFE%20-%20Web/ICAWEB411A%20Design%20simple%20web%20page%20layouts/testing%20color/icons/facey%20sprite.png) no-repeat 0 0;
  }
  
  #facey:hover {
      background-position: 0 -32px;
  }
  </code></pre>
  
  <p>I have a css sprite for social media icons and I've been trying to put an anchor tag on them to go to there respective websites and I'm not sure how it works because the sprite images are used as background images and the anchor tag doesn't seem to work for me inside the div? I'm not to sure what im doing wrong here?</p>