title: Link problem on IE6 and IE7
body: <p>I'm having a hard time with IE6 lately on a particular problem, here's the bit of html I'm on :</p>
  
  <pre><code>&lt;a href="http://www.mylink.com" style="display:block;width:200px;height:200px;"&gt;
     &lt;span style="display:block;width:100px;height:100px;"&gt;
        &lt;img src="img.jpg" alt="My image" /&gt;
     &lt;/span&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>Everything is fine with Firefox etc, but the link won't work by clicking directly on the image on IE6 (but will do work anywhere else on the link).</p>
  
  <p>Here is a link:
  <a href="http://www.daniel-rico.com/demos/ie/" rel="nofollow noreferrer">http://www.daniel-rico.com/demos/ie/</a></p>
  
  <p>Someone has an idea?</p>
  
  <p>Thanks!</p>
  
  <ul>
  <li>edit: This does not work on IE7 either :/</li>
  </ul>
  
  <hr>
  
  <p>Thanks for your answers!<br>
  I do need the span tag. I should have explained a little more what I was trying to do; here it is:<br>
  I need a box clickable. Inside of it I need:</p>
  
  <ul>
  <li>another box with a fixed size which will contain a dynamic image (random ratio)</li>
  <li>some text </li>
  </ul>