IE6/7下list-style-type:decimal不兼容问题处理

今天在做公司的一个项目的时候遇到一个问题，使用OL > LI列表的时候使用了list-style-type:decimal属性，居然在IE6/7下面前面数字全是1,在其他浏览器下正常，代码如下，

1. <ol class="news-list">

2.   <li><a href="#nogo">什么是竞彩篮球?</a></li>

3.   <li><a href="#nogo">竞彩篮球怎么玩？</a></li>

4.   <li><a href="#nogo">买竞彩篮球，中奖了怎么办？</a></li>

5.   <li><a href="#nogo">怎样核对是否中奖？</a></li>

6.   <li><a href="#nogo">让分数是什么意思？</a></li>

7.   <li><a href="#nogo">预设总分是什么意思？</a></li>

8.   <li><a href="#nogo">为什么是主队在后，客队在前？</a></li>

9.   <li><a href="#nogo">固定奖金与浮动奖金的区别？</a></li>

10.   <li><a href="#nogo">奖金计算方式？</a></li>

11.   <li><a href="#nogo">竞彩篮球有哪些投注方式？</a></li>

CSS代码：
.news-list{margin:10px 10px 14px 36px;}
.news-list li{height:24px;line-height:24px;list-style-type:decimal;}

显示效果如下：

琢磨了一会发现了解决办法：li高度不能设置高度，并且如果你设置宽度也会造成上面的情况【注：若是用ol也是和ul同个事理，不要给ol  li 设置宽和高的样式。】

原因：给li设定高度之后，会触发IE6/7的hasLayout，列表记数会被复位。

HOHO，你们是否也遇到这个问题不？