下面是参照弄的一个标签，文章标题下面的虚线在IE浏览器中没有显示，虚线全部集中到了顶部；但在世界之窗浏览器正常。请问怎么才能在IE中兼容？谢谢。

[loop=15]
<li><span style="display:-moz-inline-box;inline-display:inline-block;width:320px; text-align:left;margin-right:0px;margin-left:2px;float:left;text-overflow:ellipsis; "><a href="{@linkurl}" target="_blank">  ·{@title}</a></span>
<span style="display:-moz-inline-box;display:inline-block;width:118px;text-align:center;margin-right:0px;float:left;">{@adddate}</span>
</li>
<div style="border-bottom:green 1px dotted;padding:0px;margin-bottom:0px"></div>
[/loop]

为什么要把css写到循环体里,单独放在css文件里不好吗?