HTML / CSS: tag CSS rules с непоследовательным рендерингом псевдоклассов

В последнее время я столкнулся с проблемой с моими проектами веб-дизайна, которая была достаточно незначительной, чтобы проскользнуть сквозь пальцы, несколько раз не исправленных, но она стала слишком раздражающей.

Скажите У меня есть таблица стилей со следующими правилами:

a {
    outline: 0;
    text-decoration: underline;
}

a:link {
    color: #0099FF;
}

a:visited {
    color: #0099FF;
}

a:hover {
    color: #FFFF00;
}

a:active {
    color: #33FF66;
}

Ссылки в моем документе только иногда имеют правильные цвета, но иногда они будут просто синими-> фиолетовыми ссылками по умолчанию. У меня черный фон, поэтому они выглядят ужасно.

Если я обновлю страницу, примерно в половине случаев они будут отображаться правильно. Это происходит как в Firefox, так и в Chrome.

Что происходит?