div包含链接在IE 7中不显示为可点击

Question

我有以下代码

<a href="http://google.com">
    <div style="float:left;">
        Test
    </div>
    <div style="float:left;">
        testing
    </div>
</a>

链接正常工作（单击div中的任意位置导航到链接）但在IE7中，div似乎不可点击。当鼠标悬停在div上时，光标不会变为手。

悬停在IE8，Firefox，chrome

中排除

我的猜测是，通常有丑陋的IE浏览器:-(

Answer 1

a {
  display: block;
  background: #eee; 
  overflow: hidden; 
  cursor: pointer;
}

即使没有指针改变，链接仍然可以工作，但是如果hasLayout设置为true（overflow:hidden;也包含其他浏览器中的浮点数）IE7确实更好，然后告诉它有正确的光标..它需要帮助;）

Answer 2

除非你有一些额外的标记，否则这应该有效： http://jsfiddle.net/Cd4PK/

然而这是不好的标记。你不应该在内联元素（a）中有块元素（div）。尝试使用span？

Answer 3

href不能为......或为空

修改

尝试：

a
{
   display: inline-block;
}