html - 使用图像精灵的水平导航菜单

Question

我已经建立了一个网站，但问题是我无法为其修复导航菜单。我有一个带有 6 个菜单项的图像精灵。但是将鼠标悬停在它上面时，我看不到下拉菜单。我尝试了很多不同的东西。我很沮丧，准备放弃整个网站。

这是代码

HTML部分：

请帮忙。无法弄清楚问题所在。万一没有任何效果。我想放弃精灵但创建相等的宽度和空间菜单。请帮助非常紧急和关键

提前致谢。

score 0 · Accepted Answer

请看这个例子，jsfiddle.net/qt9Uj/。我希望有简单的 html 和 css 可以帮助您解决问题。