需要将一个ul置于div ie6&ie7中

Question

我有一个ul,我需要在div中居中.我所拥有的代码(你将在下面找到)可以在除了ie6和ie7之外的每个浏览器中工作,其中内容是向左浮动而不是居中.我已经删除了我的代码到基础知识.我已经尝试通过许多修复工作,但尚未成功,所以任何有关这方面的帮助将不胜感激.

//CSS
#galleryThumbs {
    width:900px;
    height:125px;
    text-align:center;
    margin:0px auto;
}
ul.thumb {
    margin:0;
    padding:0;
    list-style:none;
    display:inline-block;
}
ul.thumb li {
    width:65px;
    height:65px;
    margin:0 2px 0 2px;
    border:1px solid #ffffff;
    display:inline-block;
    float:left;
}

//HTML
<div id="galleryThumbs">
    <ul class="thumb">
        <li><img src="http://www.thewoom.co.uk/clients/lowdklea/work/01_thumb1.jpg"></li>
        <li><img src="http://www.thewoom.co.uk/clients/lowdklea/work/01_thumb2.jpg"></li>
        <li><img src="http://www.thewoom.co.uk/clients/lowdklea/work/01_thumb3.jpg"></li>
    </ul>
</div>

非常感谢Brendan

Answer 1

IE 6和IE 7不支持 display:inline-block

您可以使用IE CSS hack来覆盖这些inline-block元素

zoom: 1;
*display: inline;

我会把IE条件评论中包含的那些仅限于目标IE.

演示http://www.jsfiddle.net/gaby/qArVS/2