IE6/7/8下li不会自换行，反而会堆砌在一起！Firefox则显示正常！就算定义了ul或者ul外部的div宽度，问题同样不能解决。

解决方法：给li加上:white-space:nowrap;

原因:
当非float的元素和float的元素在一起的时候，如果非float元素在先，那么float的元素将被排斥,也就是说，你的span是float:right，但是你文本还是float:none。

不换行的解决方法：
1: 把span先于文本显示
2: 把文本也添加 float 属性