Отладка лайтбокса ul для ie6

Question

Я полностью отладил свой сайт, за исключением одной страницы:

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

Ли не отображаются правильно, например, в 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

Вам также понадобится добавить zoom: 1, чтобы активировать в IE флаг hasLayout:

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

Answer 2

Я могу ошибаться, но попробуйте применить атрибут отображения непосредственно к ли, например:

moviegrid li{
    display:inline;
}

IE 6 или 7 не очень хороши в наследовании CSS, так что это может или не может быть проблемой ...