为ie6调试lightbox ul

时间:2009-08-11 19:51:51

标签: css internet-explorer internet-explorer-6 lightbox

我已经完全调试了我的网站,除了一页:

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

li在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;
}

我做错了什么?!

2 个答案:

答案 0 :(得分:0)

我可能错了,但尝试将显示属性直接应用于li,例如:

moviegrid li{
    display:inline;
}

IE 6或7在CSS继承方面不是很擅长,所以这可能是也可能不是问题......

答案 1 :(得分:0)

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

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