css - 为ie6调试灯箱ul

Question

我已经完全调试了我的网站，除了一页：

http://hqinternetsolutions.com/fullservice/movies.html

li 在 ie 6 或 7 中显示不正确，但在其他浏览器中工作正常。html 很简单：ul li 和锚标签。css也很简单：

#moviegrid{
    width:560px;
    margin:20px auto;
    height:250px;

}

#moviegrid ul{
    list-style:none;
    margin:0;
    padding:0;
    display:inline;

}

#moviegrid li{
    padding:0;
    margin: 0;

    }

#moviegrid li img{
    background-color:#fff;
    padding:2px 2px 2px 2px;

}

#moviegrid li img:hover{
    background-color: #328f87;
    padding:2px 2px 2px 2px;
}

我究竟做错了什么？！

Answer 1

我可能是错的，但请尝试将显示属性直接应用于 li，例如：

moviegrid li{
    display:inline;
}

IE 6 或 7 不太擅长 CSS 继承，所以这可能是问题，也可能不是问题......

Answer 2

您还需要添加 zoom:1 来触发 IE 的 hasLayout 标志：

#moviegrid li{
  padding:0;
  margin: 0;
  zoom: 1;
  display: inline;
}