firefox没有将我的图片链接显示为完整链接

Question

所以我有一个介于2个锚标签之间的图像。图像的CSS是..

#howDoesItWork {
position: absolute;
height: 31px;
width: 154px;
    border-style: none;
top: 3px;
left: 20px;
}

图像的右侧20像素未被注意为firefox中的链接。它在IE中运行良好。我尝试将其更改为左边填充：20px和margin-left：20px。它仍显示最后20px不属于链接。它运作正常我完全取消了定位。

<a id="howDoesItWork" href="">
<img src="images/howDoesItWork.jpg" alt=""/>
</a>

FIXED：我将z-index设置为2.显然，它旁边的菜单与howDoesItWork imaage重叠。

Answer 1

当您绝对定位图像时，链接不会使用图像将其宽度基于。

因为你设置了一个左：20px它将会超出链接的范围。

因此您需要扩展链接的覆盖范围。在不了解您的文档的任何其他内容（即列，您要做的事情）时，我最好的猜测是：

a #howDoesItWork { padding-right: 20px; }

如果不这样做......只是向我们展示更多信息。

更新

使用新的HTML信息应该是：

#howDoesItWork { padding-right: 20px; }