title: make an object be clickable from behind of another element in html
body: <p>take look at this:<br>
  <a href="http://www.templatemonster.com/demo/35403.html" rel="noreferrer">http://www.templatemonster.com/demo/35403.html</a></p>
  
  <p>In this template you can click on the image under the man's forearm even over the forearm itself.<br>
  The hand is not a part of images. It is three <code>div</code> pieces that has a png image as background.  </p>
  
  <p>How is it possible?<br>
  How Can I do the same thing (have a div that contains a linked image and have another div on it but the underlying link be clickable)?<br>
  Is it cross-browser? </p>
  
  <p>Thanks</p>