title: Dead link in an absolutely positioned div
body: <p>I'm trying desperately to make the link on a linked image work but whenever I click on the link, my browsers (Chrome &amp; Firefox) just tell me they are connecting to the page and I get a continuous spinning image as if the browser were doing something. The link works perfectly if I open in another tab.</p>
  
  <p>The div in question is coded and styled in a Wordpress page. I am making changes to another developer's work for a customer.</p>
  
  <p>Here's the div:</p>
  
  <pre><code>&lt;div style="position: absolute; top: 645px; left: 80px; width: 150px;"&gt;
    &lt;a href="http://themoneycouple.com/?p=4681" target="_top" style="display:inline-block"&gt;
      &lt;img src="http://themoneycouple.com/wp-content/uploads/2013/10/kit-history.png" alt="Toolkit History Link" width="150" height="170" style="position:relative; display:block; z-index:999999999999;" /&gt;
    &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And here's the page it's on: <a href="http://themoneycouple.com/resources/love-and-money-kit/" rel="nofollow">http://themoneycouple.com/resources/love-and-money-kit/</a></p>
  
  <p>I've tried changing the z-index on every element in multiple ways, tried changing the link target in every way possible, changed display settings, etc.</p>
  
  <p>One last note, there are lots of iframes on this page and I'm not sure if those are messing things up somehow. Massive thanks for any help.</p>