テキストアラインメントはIEでは機能しませんか？

Question

"li"をインラインに配置しようとしているので、3つの画像が1つの行にあり、その下に（製品カタログビューのような）テキストがあります。これまでのところ、私のコードはクロムを使ってうまくいきましたが、IEはもう一方ではすべてを左に並べました。

CSS：

#products ul{ 
    margin:0px; 
    padding:0px; 
    margin-top: 50px; 
} 
#products li{ 
    list-style-type:none; 
    float:left; 
    display:inline; 
    height:auto; 
    padding: 10px 10px; 

} 
#products img{ 
    max-width:250px; 
    padding:20px; 
    float:left; 

} 
#products ul li p{ 
    text-align:center; 
    font-weight:200; 
    font-family:Verdana, Geneva, Tahoma, sans-serif; 

HTML：

<HeaderTemplate> 
     <div id="products"> 

      <h2>ALL PRODUCTS</h2> 
      <ul> 
     </HeaderTemplate> 
     <ItemTemplate> 
      <li><a href="<%# Eval("ProductID", "Productdetails.aspx?ProductID={0}")%>"><img src="<%#Eval("ProductImage") %>" /></a> 
       <p><%#Eval("ProductName") %></p> 
       <p>$<%# Eval("ProductPrice") %></p></li> 

     </ItemTemplate> 
     <FooterTemplate> 
      </ul> 
      </div> 
     </FooterTemplate> 

Answer 1

はこれを試してみてください：

#products li a { 
    display: block; 
}