在ie8以下会出现float出现问题的状况

做了一个网站发现用了行内快元素，但是ie8以下不兼容，导致原本在ie9显示的一个正常的导航栏，在ie7显示的是一个分为两行的导航栏。

<ul>
<li><a href="#">首页</a><span>|</span></li>
<li><a href="#">首页</a><span>|</span></li>
<li><a href="#">首页</a><span>|</span></li>
</ul>

大概是这样的，给span和a都变成行内快，不好使，都用float：left，也不好使，最后解决办法是单独给span标签放置到首页前面，然后用float：right就好使了。