title: Clicking a link that's behind a div?
body: <p>I'm not sure the title adequately describes the problem I've found myself with...</p>
  
  <p>Basically, I'm in the process of redesigning my website and one of the issues I've run into is that on the gallery view of my portfolio you get a grid of images for pieces of my work inside a frame.</p>
  
  <p>When you hover over the frame the image is hidden and the title, client, category and year are shown.</p>
  
  <p>However, there <em>should</em> be a link that sits over everything and is clickable. However, the above information sits over the image, even though it's below it in the markup.</p>
  
  <p>I'm guessing this has something to do with the above information residing in a DIV that is positioned absolutely (which allows it to sit in the top of the frame and is thus necessary).</p>
  
  <p>What I would like to achieve is to have the entire frame be clickable when you hover over it, even the area covered by the DIV. Please let me know if this is unclear...</p>
  
  <p>You can see the site in action here: <a href="http://www.designbyadmiral.com/" rel="nofollow noreferrer">http://www.designbyadmiral.com/</a></p>
  
  <p>I'm sure that will help clear some things up.</p>