请教CSS的背景图像位置问题

首先表示抱歉，因为我搞jsp开发的，习惯在这里发帖，所以请各位达人也帮解决下客户端的一些技术问题，非常感谢！
如题，我在网页中使用CSS来定位背景图像位置，要实现的效果是：每一行（每个Li）显示一条记录，每条记录前有个背景图像点缀，同时加入overflow:hidden;来控制字数不让其超出一行——当然也可以用JS来控制，但是这里是限定不需要这个的，所以就不用给这个建议了
目前是用li操作，代码如下：

li{

background-image: url("../images/my/img2.jpg");

    background-repeat: no-repeat;

    background-position:2px 10px;

    height:24px;

    line-height:24px;

    overflow:hidden;

}

li a{

    margin-left:15px;

}

在IE浏览器下，当字数超过时，显示正常；

但是在搜狗、绿色浏览器，字数超出时，在
li a{
    margin-left:15px;
}
中定义的边距将无效，文字将直接从头显示
--------------------编程问答-------------------- 是不是我写的CSS代码不够规范，除了这个我还有不少效果都是不同浏览器之间有差别的。
还好基本是IE浏览器都运行正常，但其他浏览器，哪怕是用IE作为内核的绿色浏览器和搜狗浏览器等却显示不一样，都快郁闷死了

补充：Java ,  Web 开发