css - ul 元素中的文本和图标之间没有空格

Question

我对 ie7 和 ul 列表元素有点问题。

在 ie8/9 和 firefox 中，图标和文本之间有一个额外的空白区域:

不幸的是，在 ie7 中它看起来是这样的:

ul 列表的样式:

margin-top: 5px;
    list-style-image: url('../Images/listItem10.png');
    list-style-position: inside;
    padding-left: 5px; 
    font-weight: bold; 
    float: left;

不幸的是，任何为它创建黑客的尝试都不起作用。 请提出任何建议，我该如何实现它。

Answer 1

........................

你好，现在习惯于 background image 而不是 list-style-image

margin-top: 5px;
    list-style:none;
background:url('../Images/listItem10.png') no-repeat 0 0;
    padding-left: 5px; 
    font-weight: bold; 
    float: left;