title: absolute positioned anchor tag (with no text) not clickable in IE
body: <p>I have two anchors positioned absolute on top of an image, the links are clickable in other browsers (Chrome, FF, Safari) but not in IE (tested in 8 &amp; 9 so far)</p>
  
  <p>The strange thing is if I give the links a <code>background-color</code> they are clickable, however if the <code>background-color</code> is set to <code>transparent</code> (<em>which is what I want</em>) they are no longer clickable, I've also tried setting <code>zoom:1</code> but no luck.  I guess the <code>hasLayout</code> bit in IE went away with IE 8/9 so guessing <code>zoom</code> doesn't matter now for this kind of issue.</p>
  
  <p>Any ideas to make these links show up in IE 8/9 with a transparent bg?</p>
  
  <p>Here's the fiddle I've been working with: <a href="http://jsfiddle.net/pxfunc/8Uew6/" rel="noreferrer">jsFiddle example</a></p>
  
  <p>I have the following HTML layout:</p>
  
  <pre><code>&lt;div id="content"&gt;
      &lt;img src="http://placehold.it/724x300" width="724" height="300" alt="woot" /&gt;
  
      &lt;div id="countdown"&gt;&lt;/div&gt;
  
      &lt;a id="link1" href="http://www.stackoverflow.com" title="link1"&gt;&lt;/a&gt;
      &lt;a id="link2" href="http://www.stackoverflow.com" title="link2"&gt;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and CSS:</p>
  
  <pre><code>body {text-align:center;}
  #content {position:relative; width:724px; height:300px; margin:0 auto;}
  
  #countdown {position:absolute; width:650px; height:110px; top:100px; left:30px; background-color:blue;}
  
  #link1 {position:absolute; width:520px; height:35px; bottom:20px; left:0;}
  #link2 {position:absolute; width:200px; height:35px; bottom:20px; right:0;}
  </code></pre>