Javascript 减少文本和背景图像之间的填充

请检查一下这把小提琴。我在悬停中文本和背景图像之间的间距有问题

这是很好的工作，但我不知道为什么我不能把图像就在前面的文字。在这把小提琴上出现的图像就在角落里，我的要求是它出现在文本之前

这是我现在拥有的图像

我想要

我使用Javascript实现了这一点，下面是

---

但是这段代码的问题是，盒子上方的移动太多了。我真的很困惑，不知道该怎么办

将此添加到您的导航中

background-position: 0px 5px; 

---

它应该可以工作

将其添加到导航li中

background-position: 0px 5px; 

只要将css更改为

#nav li:hover {
    background: url("http://i.imgur.com/IhyGC.png") no-repeat scroll 5px 12px #3EBBEC;
    color: #FFFFFF;
}

希望你期待这个输出

只需将css更改为

#nav li:hover {
    background: url("http://i.imgur.com/IhyGC.png") no-repeat scroll 5px 12px #3EBBEC;
    color: #FFFFFF;
}

---

希望你期待这个输出

第一个示例根本不显示图像第一个示例根本不显示图像如果你能给我们展示一些工作示例，那么我们应该尝试一些东西，而不是猜测。我刚刚给了你一个Javascript示例，Philemon解决了这个问题如果你能给我们展示一些工作示例，那么我们应该尝试一些东西我只是给了你一个Javascript示例，Philemon解决了这个问题