title: Linking a Background Image
body: <p>I am trying to link my background image using the tutorial over at <a href="http://xavisys.com/css-trick-turning-a-background-image-into-a-clickable-link/#comment-28009" rel="nofollow">http://xavisys.com/css-trick-turning-a-background-image-into-a-clickable-link/#comment-28009</a> but it's just not working for me. </p>
  
  <p>I think I have the css right, but when I insert the html to make the link, it sets my WHOLE site as one giant link. Is there a way to make the link layer behind my content so it is only clickable on the sides of the container?</p>
  
  <p>I've tried using this css:</p>
  
  <pre><code>body {
      background-image: url('images/bg.png'); 
      background-position: center top;
      background-attachment: fixed;
      }
  
  body #background-link {
  position: absolute;
  height:11000px;
  text-indent:-9999px;
  width:1440px;
  top: 0; left: 0;
  border: 0;
  float: left;
  }
  </code></pre>
  
  <p>and this html:</p>
  
  <pre><code>&lt;a href="http://url.com" title="Title" id="background-link"&gt;the link&lt;/a&gt;
  </code></pre>