编写CSS中碰到的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>
<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就随便了。