html - 文本在 IE 和 FF 中未居中对齐

Question

在 Chrome/Safari 中工作正常，但在 FF 和 IE 中最底部的黑条文本(有版权)由于某种原因文本没有居中对齐。

Working Demonstration URL

HTML:

    <div class="copyright">
        Copyright &copy; 2011 Scirra.com.  All rights reserved.
    </div>
</body>
</html>

CSS:

.copyright
{
    color: white;
    text-align:center;
    background-color: #000000;
    font-size: 12px;
    padding: 3px;
}

编辑

答案解决了对齐问题，但是firefox只有水平滚动的bug:

Answer 1

将 overflow: hidden; 添加到您的 .footerWrapper 类。 -20px margin-bottom 导致偏移，将其溢出设置为 hidden 修复它:

[编辑] Larger version of image