html - IE と FF でテキストが中央に配置されない

Question

Chrome/Safari では正常に動作しますが、FF および IE では、一番下の黒いバーテキスト (著作権あり) が何らかの理由で中央に配置されません。

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 には水平スクロールのバグしかありません。ここに画像の説明を入力

score 3 · Accepted Answer

クラスに追加overflow: hidden;します。.footerWrapper-20pxmargin-bottomがシフトを引き起こし、そのオーバーフローを設定してhidden修正します。

score 2 · Accepted Answer

MozillaのボックスシャドウCSSを使用していて、これが水平スクロールバーの原因になっています。これはバグではありませんが、問題を引き起こしています。

2 に答える 2