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

Question

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

这是代码

HTML部分：

http://www.codesend.com/view/3256019e6d25498ae6327284a187b1f6/

CSS部分：

http://www.codesend.com/view/77b1a413d602ef76dbe47ae2478c7ecf/

请帮忙。 无法弄清问题是什么。 如果没有任何作用。我想放弃精灵，但创建相等的宽度和空间菜单。请帮助非常紧急和批评

提前致谢。

Answer 1

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