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

Question

http://jsfiddle.net/9aaNh/

请检查这个小提琴。我在HOVER中的文本和背景图像之间存在间距问题。

这很好但我不知道为什么我无法将图像放在文本的前面。在这个小提琴中出现在上面的图像就在我的要求是在文本出现之前的角落

这是我现在拥有的图像

我想要

我使用Javascript做到了这一点，以下是小提琴

http://jsfiddle.net/jhilomhaldar1/bNcgH/1/

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

Answer 1

只需将css更改为

即可

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

希望你期待这个输出

Answer 2

在你的导航中添加

background-position: 0px 5px; 

它应该有用