编号列表中的数字不会出现在IE7中的正确位置

Question

IE7不会在正确的位置显示编号列表的编号。我将数字配置为relative位置。在IE8和IE9中，数字显示正确。

这是CSS：

#thumbs li p{
    text-align:center;
    color: #333;
    position: relative;
    top: -9px;
    right: -7px;
    float:left;
}

HTML是：

    <div id="thumb_caixa">
        <p>Clica per veure més imatges</p>
        <ul id="thumbs">
            <li class='active' rel='1'><p>1</p></li>
            <li class='active' rel='2'><p>2</p></li>
            <li class='active' rel='3'><p>3</p></li>
            <li class='active' rel='4'><p>4</p></li>
        </ul>
    </div>
</div>

有问题的网站的网址是：http://abs.marcmorales.es/index.php?i=1&s=5&p=11

问题出在哪里？

Answer 1

你真的需要使用定位来使p标签居中吗？

我想这也没关系：

#thumbs li p {
    text-align:center;
    color: #333;
    margin: 0;
    line-height: 20px;
}

Answer 2

我会改变一些事情：

• 删除p标记。这是多余的。
• 将#thumbs li更改为background-image，而不是background-color。
• 将填充添加到#thumbs li，以便数字居中。
• 添加color。