css - 小数超过 9 的 Internet Explorer OL 问题

Question

在我的网站上，我有一个带小数的 ol (list-style-type:decimal)。在 Internet Explorer 中，当列表超过 9 时，分贝再次从 0 开始。

这是它应该如何显示，以及它在 Firefox 中的显示方式:
这是 Internet Explorer 7 和 6 的显示方式(IE8 尚未测试):

因此列表再次从零开始。

列表的CSS:

ol {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}
ol li {
    list-style-position:outside;
    list-style-type:decimal;
    margin:5px 0 5px 23px;
}

编辑:我的 css 重置文件添加了这个(这来自 Firebug ):

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent none repeat scroll 0 0;
    border:0 none;
    font-size:100%;
    margin:0;
    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:0;
    padding:0;
    vertical-align:baseline;
}

谁知道如何解决这个问题？

Answer 1

数字被边距截断。增加它，你会看到十位数字。

ol li {
    margin-left: 2.5em;
}

或者你可以修改为

padding-left : 30px