IE7 <li>子弹或数字显示在div之外

Question

我遇到了IE7列表元素错误的问题.子弹(或数字)的子弹(或数字)显示在边缘之外.我如何解决这个问题？从我所看到的,当在IE7 li中指定高度/宽度时,这似乎是一个问题.图片可以在这里找到:

火狐:

IE7:

我有一个Meyer重置的样式表.

#create_request li {
    display: list-item;
    width: 313px;
    height: 23px;
    background-color: #E3E3E3;
    list-style: decimal;
    list-style-position: inside;
    padding-left: 25px;
    padding-top: 5px;
}

#create_request li.alternate {
    background-color: white;

}

#create_left li:hover {
    width: 356px;
    background: url('/images/list_add.png') 100% 100% no-repeat;
    background-color: #B0B0B0;
    cursor: pointer;
}

Answer 1

从我所看到的,当在IE7 li中指定高度/宽度时,这似乎是一个问题.

那是对的.设置width上<ol>,而不是<li>和使用line-height,而不是height对<li>.

#create_request ol {
    width: 313px;
}

#create_request li {
    line-height: 23px;
    ...
}