Chrome 中的错误或 CSS 错误？ （隐藏可见性的锚点）

在任何 HTML 中测试这个简单的行：

<a href="anything"><span style="visibility:hidden;">insible text here</span></a>

（您可以直接从这里测试：http://jsfiddle.net/wqS3E/ http://jsfiddle.net/wqS3E/ )

在 Firefox 和 IE 中，您可以单击该链接（甚至可以看到默认的下划线装饰）。
但在 Chrome (v 13.0.782.220 ) 中无法单击/查看该链接。

这是 Chrome 中的错误还是我的 CSS 不正确？

我有一个<li>带有背景图像的元素，以及一些<li>是链接，我希望能够单击这些链接，但我不希望它们可见，因为我想在<li>（我不想破坏 HTML 标记），所以这就是我所拥有的：

<ul>
    <li>
       <a href="link"><span class="invisible">some text</span></a>
    </li>
    ...
</ul>

.invisible {
   visibility:hidden;
}

我不确定内部不可见的东西是否有标准行为<a>.

但是，我注意到设置display到任一block or inline-block使链接在 Chrome 中可点击。不确定其他浏览器，但如果它们已经显示它，那不应该破坏它。