Html 文本对齐在IE中不起作用？

我正试图将我的li定位为内联，这样我就可以在一行中有三个图像，并且在它们下面有文本，比如产品目录视图。到目前为止，我的代码在使用chrome时看起来不错，但IE却只将所有内容向左对齐

CSS:

HTML:

试试这个：

#products li a {
    display: block;
}

---

请显示呈现的HTML，而不是生成它的内容。IE的哪个版本？“不好看”是什么意思？@Shaggy sorry应该说得更清楚，所有内容都在左边，文本在图像旁边。但是在chrome上，文本就在图片的正下方。请不要因为你发现了错误就这样污损你的问题。我已经帮你把它卷回来了-

<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>

#products li a {
    display: block;
}