Текст не выравнивается по центру в IE и FF

Question

Отлично работает в Chrome / Safari, но в FF и IE самый нижний черный текст (с авторскими правами) по какой-то причине не выравнивается по центру.

Рабочий демонстрационный 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 имеет толькоошибка горизонтальной прокрутки:

Answer 1

Добавьте overflow: hidden; к вашему .footerWrapper классу.-20px margin-bottom вызывает сдвиг, а установка его переполнения на hidden исправляет его:

[Edit] Увеличенная версия изображения

Answer 2

Вы используете CSS-тени Mozilla, и это вызывает горизонтальную полосу прокрутки.Это не ошибка, но вызывает проблему.