html - IE6 和 IE7 上的链接问题

Question

我最近在 IE6 上遇到了一个特定问题，这是我正在使用的 html 的一部分:

<a href="http://www.mylink.com" style="display:block;width:200px;height:200px;">
   <span style="display:block;width:100px;height:100px;">
      <img src="img.jpg" alt="My image" />
   </span>
</a>

在 Firefox 等上一切正常，但在 IE6 上直接单击图像无法链接(但在链接的其他任何地方都可以)。

这是一个链接: http://www.daniel-rico.com/demos/ie/

有人有想法吗？

谢谢!

• 编辑:这在 IE7 上也不起作用:/

---

感谢您的回答!
我确实需要 span 标签。我应该多解释一下我想做什么；在这里:
我需要一个可点击的框。在里面我需要:

• 另一个固定大小的框，其中将包含动态图像(随机比例)
• 一些文字

Answer 1

我刚试过:

<span style="display:block;width:100px;height:100px;">   
<a href="http://www.mylink.com" style="display:block;width:200px;height:200px;">
      <img src="img.jpg" alt="Click your image now" />   
</a>
</span>