CSS-以IE5 / 6/7/8和FF为中心

我正在尝试将div的内容居中,以便在IE 5、6、7和8以及FF中显示正确.

<div id="YoutubeClip">
    <h3>Subscribe on YouTube!</h3><br>
    <ul class="gallery clearfix"><a href="http://www.someyoutubevideo.com" rel="prettyPhoto" title="Some youtube title"><img alt="some youtube title" src="youtube clip image" border="0"></a></ul>
    Some youtube title
</div>

我的CSS很简单：

text-align: center

如预期的那样,这将显示图像和文本以FF为中心.

在IE5中,图像保持对齐状态.文本也保持对齐,一行上只有一个单词,如下所示：

它
出现
喜欢
这个.

IE 6具有与上述相同的问题.

IE 7似乎有同样的问题,但是当我在div周围放置边框时,内容溢出了边框.

在IE8中显示正确

任何帮助都会很棒.我正在尝试更好地学习CSS,但是我还无法弄清楚这个问题的复杂性.

最佳答案

当您说“看起来像这样”时,没有什么可看的.

我要做的第一件事是验证您的代码,因为< ul>您使用的标签使用不当：

http://validator.w3.org/

验证代码的主要目的是为了实现浏览器兼容性.

我看不到您正在使用的CSS,也从未使用IE5进行过测试,但是我会尝试使用

保证金：0自动

使您的div居中.这可能会更有效.

希望有帮助:)