IE中LI横排宽度不能自动适应如何处理？？

使用相同的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 中的显示效果。
在网络上查询了好久 都没有找到合理的解决方案。