title: Making Entire background-image clickable
body: <p>I am fixing up a friends website, and he has an advertisement that takes up the entire background (body). Currently, the background image is set using CSS (background-image):</p>
  
  <pre><code>body {
  background-attachment:scroll;
  background-color:#000000;
  background-image:url("http://gunshyassassin.com/wp-content/uploads/2010/10/gunshy_takeover2OUTNOW4.jpg");
  background-position:center top;
  background-repeat:repeat-x;
  </code></pre>
  
  <p>I would like the make the entire background image clickable (a link). You can see the site here: <a href="http://gunshyassassin.com" rel="nofollow">http://gunshyassassin.com</a></p>
  
  <p>What is the best way to go about this? Seems so easy, but after a days work, I am blanking! It is important that the main content area will not be affected (eg we cannot set the entire body to be a link or else all of its children will also be clickable, which is a no-no) I just need the body background image to be a link!</p>