Html和Css：图像菜单链接

我正在尝试创建一个使用图像按钮的菜单栏。在我的菜单栏上，我可以看到我的图像，但我不能单击它们。我使用文本缩进：100%；空白：nowrap；溢出：隐藏；在我的css文件中隐藏链接文本。我的链接文本变为隐藏，但链接变为非活动。此外，我尝试了文本缩进：-9999px；但结果是一样的。我找不到问题，可能是我的html或css结构错误。你能检查一下吗

我在JSFIDLE上更新了html和css文件

 <a href="http://jsfiddle.net/kt2hL/8/"> jsfiddle</a>

试试这个：

nav ul li a{display: block}

它起作用了

nav ul li a
{ 
    display: block
}

---

我们如何访问本地图像。顺便说一句，这是您的编辑和更新问题快速思考，您不需要将缩进应用于锚元素的内容而不是元素本身吗？。