Debugging Leuchtkasten ul für IE6

Question

Ich habe meine Seite komplett bis auf eine Seite debuggt:

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

Die li erscheinen nicht korrekt in IE 6 oder 7, aber in den anderen Browsern funktionieren. Der HTML-Code ist sehr einfach: ul li und die Anchor-Tags. Das CSS ist auch einfach:

#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; 
} 

Was mache ich falsch ?!

Answer 1

Sie werden auch Zoom hinzufügen müssen: 1 IE hasLayout Flagge auslösen:

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

Answer 2

Ich könnte falsch sein, aber versuchen, eine Anzeigeattribut direkt an die li Anwendung, wie zum Beispiel:

moviegrid li{ 
    display:inline; 
} 

IE 6 oder 7 sind nicht sehr gut bei CSS Vererbung, so dass kann oder nicht sein kann Problem ...