Removing Inherited Color in CSS

[qzplx]

Hi,

I having problem about my css style its override the color at my sidebar item,
im using this:

Code: Select all

a:link {
    color: #F4FFDD;
    text-decoration: none;
    }
a:visited {
    color: #2f63b3;
    text-decoration: none;
    }
a:hover {
    color: #C6F171;
    text-decoration: none;
    }
a:active {
    color: #2f63b3;
    text-decoration: none;
    }

now this style has been override my css styles at my sidebar because I'm use image as links at the sidebar.
you can view the site here:
http://dev.myraffaell.com/

How to get rid of it ??

Just wondering I create this style to the link style like this:

Code: Select all

    .Affiliate a:link,
    .Affiliate a:visited,
    .Affiliate a:hover,
    .Affiliate a:active {
        color: #719EF1;
        }

with this im trying to replace the color: with the background color....But its seems IE not friendly enough about it...

Is there any solution to get rid the color: things ??

Thanks..

[A800]

Have you tried placing the class in a div?