Ссылки разного цвета с подчеркиванием - Не совсем верно работают

Необходимо сделать на странице несколько разделов с ссылками разного цвета (более того, с подчеркиванием при наведении на них).

Допустим я пошел следующим путем -

.menu:link{text-decoration:none; font-size:11px; color:#fff;}

.menu:visited{text-decoration:none; font-size:11px; color:#fff;}

.menu:hover{text-decoration: underline; font-size:11px; color:#fff;}

.menu2:link{text-decoration:none; font-size:14px; color:#9F1B04;}

.menu2:visited{text-decoration:none; font-size:14px; color:#9F1B04;}

.menu2:hover{text-decoration: underline; font-size:14px; color:#9F1B04;}

Ссылки белого "цвета" работают как надо - на таком #153B62 фоне просто приятно для глаз :)

А вот ссылки темнокрасного цвета на белом фоне не хотят нормально отображаться - вместо этого появился какой-то темно голубой цвет на фоне которого они действительно красные и нормально работают. :rolleyes:

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

Вот код той ячейки, в которой должна находится "красная" ссылка

.pod_menu2{HEIGHT: 25px; width:320px; BACKGROUND: #FFFFFF; FONT: bold 14px Verdana, Arial, sans-serif; COLOR: #9F1B04;}

Спасибо за ответы и критику