最近碰到的ol的问题

现象：ol下面的li本来是带序号的，
但是要是想让li横向显示让它float:left的话，
它的序号在IE6,IE7中就会显示不出来，
在firefox中显示正常，有序号。

演示代码如下：
<style type="text/css">
#nofloat li{border:1px solid red;background:#eee;margin:10px;}
#float li{float:left;border:1px solid red;background:#eee;margin:10px;}
</style>
<div id="nofloat"> 
	<ol> 
	<li>不float序号是没有问题的xxx1x</li> 
	<li>xxx2x</li>
	<li>xxx3x</li> 
	<li>xxx4x</li>
	</ol>
</div>
<div id="float"> 
	<ol> 
	<li>float就没有序号了xxx1x</li> 
	<li>xxx2x</li>
	<li>xxx3x</li> 
	<li>xxx4x</li>
	</ol>
</div>

和它的list-style-position没关系。
要解决的话，目前是这样：
让后台程序来生成那个序号，然后用ul还是ol就随便了。