求忙解左浮Li里的Span元素行后一行的
css
ul{ list-style-type:none; border:0px; font-size:12px; width:100%;}
li{float:left; padding-top:3px; padding-bottom:0px; margin-bottom:0px; white-space:nowrap; line-height:20px;}
li span{ float:left; font-weight:bold;line-height:19px; padding-bottom:0px; padding-top:0px; padding-left:5px; padding-right:5px; position:relative; left:0px;}

li容格式如下：
<ul>
<li><a href="#">工具</a><span>|</span></li>
<li><a href="#">配置器</a><span>|</span></li>
<li><a href="#"></a><span>|</span></li>
<li><a href="#">坐</a><span>|</span></li>
<li><a href="#">PC版</a><span>|</span></li>
<li><a href="#">阻</a><span>|</span></li>
<li><a href="#"></a><span>|</span></li>
<li><a href="#">簧</a><span>|</span></li>
<li><a href="#">皮</a><span>|</span></li>
<li><a href="#">子</a><span>|</span></li>
<li><a href="#"></a><span>|</span></li>
<li><a href="#">承</a><span>|</span></li>
<li><a href="#">零件</a><span>|</span></li>
<li><a href="#">缸</a><span>|</span></li>
<li><a href="#">皮尺</a><span>|</span></li>
<li><a href="#">尺</a></li>
</ul>

在IE8里行后,用localhost很正常，li自排列，且自行
在IE8里用IP地址去或者用IE6去，大部份li正常，但有"|"行了之後自占了一行。
怎都好，求大教！


[解决办法]
li, li span{display:inline-block;overflow:hidden;}
[解决办法]
li a {float:left;}
[解决办法]
ul{ list-style-type:none; border:0px; font-size:12px; width:100%;}
li{float:left; padding-top:3px; padding-bottom:0px; margin-bottom:0px; white-space:nowrap; line-height:20px;}
li span{ float:left; font-weight:bold;line-height:19px; padding-bottom:0px; padding-top:0px; padding-left:5px; padding-right:5px; position:relative; left:0px;}


-------------
把 span中的float拿掉