css 在列表项(导航栏)内填充图像

Question

我的导航栏上的每个列表项都显示了一个图像，问题是我不能使用 10px 左边的填充，我的浏览器会认为列表项需要左边的填充而不是我的背景图像。

有没有一种方法可以从选择器的#menu 中减去 background-image 属性，不影响我页面上的其他背景图像属性？

#menu li a{
    display:block;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:12px;

    color:#ffffff;

    text-decoration:none;

    background-color: #376596;

    padding-top:2px;
    padding-left: 20px;
    padding-bottom: 2px; 

    background-image:url('http://images.subeta.net/smilies/6398_emoticon_smile.gif');
    background-repeat:no-repeat;
}

你可以看我的完整代码here

我一直在网上寻找解决方案，但我的英语不足以搜索我的问题，因为我不知道我应该要求的单词/术语我还是个菜鸟。

Answer 1

您不能在背景图像上使用填充。您可以像这样定位图像:

background-image:url('http://images.subeta.net/smilies/6398_emoticon_smile.gif') no-repeat 5px 0px;

它现在将从左侧定位 5px，从顶部定位 0。哦，删除 background-repeat:no-repeat