问一个css中的li的问题。很简单的问题。在线等。马上结帖。

Question

li  
{  
       text-align:  left;  
       padding:  3px  0  0px  0px;  
       clear:  both;  
       background:  url(images/ico/i1_1.gif)  5px  10px  no-repeat;  
       list-style-type:  none;  
}  
<li>你好</li>  
上面的代码在ie显示没有问题，“你好”的前面有图标，而且有间隔。但是在firefox里面图标就和“你好”重叠了。  
向高手请教解决方法。。谢谢了。

Answer 1

可能是ff对background支持与ie不同我觉得你可以把图标搞个<img>标记,放在li前面

Answer 2

自己解决：
li
{
    float:left;
    width:160;
    text-align: left;
    padding-top: 3px;
    padding-left: 15px;
    padding-right: 0px;
    padding-bottom: 3px;
    clear: both;
    background: url(images/ico/i1_1.gif) 5px 10px no-repeat;
    list-style-type: none;
}
缺点：li的宽度固定了。

Answer 3

现在很多东西对FF的支持还很少，做开发只能照顾IE，毕竟这是主流