Dom 精灵背景图像在鼠标悬停时滞后

我有一个基本的DOM菜单，它有第一级“LI”的精灵背景图像。 它工作得很好，但我想有一些问题，不是立即切换悬停图像，而是变为空白，大约一秒钟后，悬停图像“出现”（移动）

这只会在第一次悬停时发生。在那之后，它就像它应该是平滑的。 刷新页面，它又出现了。。。 令人沮丧的。。。 这里有一个链接可供查看：

Firefox v3.6.3上存在此问题。 Chrome 5.0.375和IE 8.0.7600没有此问题

---

有什么想法吗？

这是因为只有在鼠标按下按钮时，才会加载悬停背景图像

---

一个简单的解决方案是使用，这样您就只有一张图像需要处理。

好吧，基本上这就是我正在做的。。。每个LI元素只有一个包含“背景图像”和“悬停背景图像”的图像，如下所示：@user351342:hmmm。。。奇怪的试试这个：在CSS中，不要为

：hover

状态设置

背景，只需设置
背景位置
，因为图像名称等都是相同的。所以只要把
背景位置：-150px 0px
。有了这些，它似乎立即加载到FF中。