html - ie6 ul 列表显示内联块扩展到全宽错误

Question

这几天在做一个项目，在ie6下遇到一个奇怪的问题，（ie7等都ok）

使用 display:inline-block 的 ul 下的 Li 元素将扩展为全宽。你可以在下面查看我上传的img。

我正在使用 zoom:1 *display:inline 来触发 lte IE8 的 display:inline-block，它在 IE7 下工作正常，但 IE6 存在上述问题。

这是代码

            <div class="mp-pagnation">
            <ul class="mp-pagnation-list clearfix">
                <li><a href="">&lt;</a></li>
                <li><a href="">1</a></li>
                <li><a href="">2</a></li>
                <li><a href="">3</a></li>
                <li><a href="">4</a></li>
                <li><a href="">5</a></li>
                <li><a href="">...</a></li>
                <li><a href="">654</a></li>
                <li><a href="">&gt;</a></li>
            </ul>
        </div>

    .mp-pagnation{
    width:300px;
    height:28px;
    background:#fff;
    margin:0 auto; 
    *margin-top:20px;
    padding:4px 0 0 0;
    text-align: center;
}

.mp-pagnation-list{
    height:24px;
}
.mp-pagnation-list li{
    display:inline-block;
    *display:inline;
    zoom:1;
}

.mp-pagnation-list li a{
    display: block;
    height:24px;
    padding:0px 4px;
    text-decoration: none;
    color:#00BAFF;
    margin:0px 5px;
    font-size:16px;
}
.mp-pagnation-list li a:hover,.mp-pagnation li a.current{
    color:#fff;
    background:#00BAFF;
}

错误快照：

Answer 1

inline仅在 IE6 和 IE7 中支持默认显示为 的元素。

尝试：li{*display:inline;*zoom:1;}

奖励网址：http ://blog.mozilla.org/webdev/2009/02/20/cross-browser-inline-block/