Таблица стилей пользовательского агента Chrome перезаписывает стиль моего сайта

У меня есть следующий CSS, который стилизует ссылку на одной из моих страниц:

a:link, a:visited, a:active {
    color: white;
    text-decoration: none;
    font-weight: bold;
}

Однако, когда я загружаю его , они отображаются синим в Chrome и белыми в Firefox. Инструменты разработчика Chrome показывают, что мой стиль якобы перезаписывает таблицу стилей пользовательского агента:

Почему он отображается неправильно? Я попытался установить кодировку в верхней части моей таблицы стилей:

@charset "UTF-8";

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    font: 11px "Lucida Grande", Arial, Sans-serif;
}

a:link, a:visited, a:active {
    color: white;
    text-decoration: none;
    font-weight: bold;
}

input[type=email], input[type=password] {
    display: block;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #ACE;
    font-size: 13px;
    margin: 0 0 5px;
    padding: 5px;
    width: 203px;
}

Но это не помогло. Моя таблица стилей связана в голове с:

<link href="/assets/global.css?body=1" media="screen" rel="stylesheet"
type="text/css">

И html-кодом для ссылок:

<a href="/users/sign_in">Sign in</a>
<a href="/users/password/new">Forgot your password?</a>
<a href="/users/auth/facebook">Sign in with Facebook</a>

Вот как они выглядят в Chrome (13.0.782) - неверно:

Вот как они выглядят в Firefox - правильно:

Похоже, таблица стилей пользовательского агента перезаписывает мой стиль. Почему?