首页DIY的模块在IE和360里错位，在搜狗却还好

模块模板代码是：
<style>
.test1 {  height:300px; background:url(/template/image/vk_rank_big.png) no-repeat scroll 0 10px; }
.test1 li {padding-left:15px; height:46px; line-height:46px; list-style-type:none;}
hr{color:#C8C8C8;height:1px;border:0px;border-top:1px solid #C8C8C8;margin:0px;padding:0px;overflow:hidden;}
</style>
  <ul class="test1">
  [loop]
<li>
        <a href="{url}"{target} style="font-size:14px;">{title}</a>
        </li>
      <hr size="1">
[/loop]
</ul>

在搜狗浏览器里排列还好，如图


但是在IE和360里就不一样，有点错位  ，该如何解决呀，求大大们帮忙！

没有人帮忙的呀  来帮帮我啊！！

对啊   我也出现了这种问题！有没有什么解决的办法呢