CSS text-align: center; не работает

У меня есть следующий html:

<div id="footer">
    <ul id="menu-utility-navigation" class="links clearfix">
        <li class="menu-685 menu-site_map first">Site Map
        </li>
        <li class="menu-686 menu-privacy_policy">Privacy Policy
        </li>
        <li class="menu-687 menu-terms___conditions">Terms &amp; Conditions
        </li>
        <li class="menu-688 menu-contact_us last">Contact Us
        </li>
    </ul>
</div>

Со следующим CSS:

div#footer {
    font-size: 10px;
    margin: 0 auto;
    text-align: center;
    width: 700px;
}

Я добавил бит размера шрифта, чтобы проверить, работает ли стиль (Firebug сообщает, что это рабочая но хотелось посмотреть). Это работает. Но текст не центрируется в нижнем колонтитуле в Firefox или Safari (еще не проверял в IE).

Пробовал с маржей и без: 0 авто; и с выравниванием текста и без него: center; никакая комбинация этих вещей не сработала.

здесь выведено из firebug:

div#footer {
    font-size: 10px;
    margin: 0 auto;
    text-align: center;
    width: 700px;
}

Inherited fromdiv#page
#skip-to-nav, #page {
    line-height: 1.5em;
}

Inherited frombody.html
body {
    color: #666666;
    font-family: verdana,arial,sans-serif;
}

Помощь?