CSS Link Hover Color

I have the following in my CSS file

#main_left_red {
height: 27px;
/* Background color of promo text block */      
background-color: #b11116;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #000000;
padding: 10px 0 0 10px;
font-family: Tahoma, Arial, Verdana;
font-size: 18px;      
font-weight: bold;
color: #fff;
border-top-style: solid;
border-top-width: 1px;
border-top-color: #f5f5f5;

#main_left_red a {
color: #fff;


#main_left_red a:hover {
color: #fff;


And this in the index.html file

<div id="main_left_red">
                         <a href="mylocatin.cfm>">txt goes here</a>

Regardless, my text turns red color, just like every link on the site  How do I get this one link not to change color?

Who is Participating?
str82no1Connect With a Mentor Commented:
Try this.

#main_left_red a:hover {
color: #fff !important;
Kamilek0617Author Commented:
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.