360浏览器样式问题
这是一个新闻列表：
<li><a href="#"><span>最近发生的好年好年哈哈哈</span></a></li>
<li><a href="#"><span>你好你好年后你好年好年哈哈哈</span></a></li>
<li><a href="#"><span>你好你好年后你好年好年哈哈哈</span></a></li>
<li><a href="#"><span>你好你好年后你好年好年哈哈哈</span></a></li>
<li><a href="#"><span>你好你好年后你好年好年哈哈哈</span></a></li>
<li><a href="#"><span>你好你好年后你好年好年哈哈哈</span></a></li>
<li><a href="#"><span>你好你好年后你好年好年哈哈哈</span></a></li>
<li><a href="#"><span>你好你好年后你好年好年哈哈哈</span></a></li> 


样式：
.list{line-height:20px; font-size:15px;}
.list li{ background:url(../images/jiantou.gif) no-repeat;border-bottom:#DFD8D2 1px dashed;} //一个箭头图片
.list li span{}

360浏览器下自动的就把文字和箭头左右分开了
ie下文字和箭头是重叠的 我在span里面设置 marge-left:10px; ie刚好可以了 但360浏览器就显的距离太大了 这是个什么问题啊 老手们指导小弟下

------解决方案--------------------
<li><a href="#">你好你好年后你好年好年哈哈哈</a></li>
.list li{ background:url(../images/jiantou.gif) left center no-repeat;border-bottom:#DFD8D2 1px dashed; padding-left:10px}
------解决方案--------------------