title: IE7 Can't render link (with background transparent) over a text?
body: <p>This is my <a href="http://jsfiddle.net/ZXzJ2/1/" rel="nofollow noreferrer">code</a> :</p>
  <h1>HTML :</h1>
  <pre><code>&lt;div class=&quot;container&quot;&gt;
      &lt;div class=&quot;myBox&quot;&gt;My Text&lt;/div&gt;        
      &lt;a class=&quot;myLink&quot; href=&quot;http://www.google.com&quot;&gt;&amp;nbsp;&lt;/a&gt;       
  &lt;/div&gt;    ​
  </code></pre>
  <h1>CSS :</h1>
  <pre><code>.container
  {
      position:relative;
      width:200px;
      height:200px;
  }
  
  .myBox
  {
      position:absolute;
      top:0;
      left:0;
      z-index:90;
      background-color:#ff0000;
      width:200px;
      height:200px;    
  }
  
  .myLink
  {
      text-decoration:none; 
      display:block; 
      position:absolute; 
      width:50px; 
      height:50px; 
      top:0px; 
      left:0px; 
      z-index:100;
  }​
  </code></pre>
  <p>on IE7, the link over &quot;My text&quot; doesnt work as link. If, on <code>myLink</code> I put a background-color, it works as well.</p>
  <p>Am I on drugs or it is a normal behaviour? And how can I fix this with a transparent background?</p>