我正在尝试将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,但是我还无法弄清楚这个问题的复杂性.