CSS! Важное правило, не отменяющее выравнивание текста

a {
        font-size: 8pt;
        text-align: left !important;
        text-decoration: none;
  }

.main {
        text-align: center;
  }

 <div class="main">
    <a href="#new_york_city">New York City</a><br />
    <a href="#long_island">Long Island</a><br />
    <a href="#upstate">Upstate New York</a><br />
</div>

Это компактная версия того, что у меня есть, и для меня, используя Firefox 5, ссылки ВСЕ ЕЩЕ по центру, хотя я Я использую! Important для «выравнивания текста: слева». Это сбивает с толку и раздражает, потому что я думал, что! Important имеет высшую специфичность и перекрывает все остальные правила.

Что здесь не так?