使用相同的HTML代码，却得到两种截然不同的效果。
<style>
ul{ display:block; width:25%; float:left;}
ul li{ display:block; float:left}
</style>
<ul>
    <LI>a</LI>
    <LI>b</LI>
    <LI>c</LI>
    <LI>d</LI>
    <LI>e</LI>
</ul>

上图是IE8以下版本的表现效果，明显不如人意，下图是IE8 和 FF 中的显示效果。
在网络上查询了好久 都没有找到合理的解决方案。

因为li元素没有设置宽度的关系，当父层宽度足以排下3个而不足4个的时候，第4个li中的文字在ie6,7下就会换行适。所以给li设置固定宽度，如果文字有多有少不能固定的话就设置文字不换行，white-space:nowrap;

谢谢。
解决了