A:Hover problem in chrome

Question

Hi,

I seem to be having a problem with styling my links for chrome, yet it works in safari.

I have my normal styling like this:

a:link {
    color:#000;
    text-decoration:none;
}

a:hover {
    color:#c40000;
} etc....

Now this works on some of the links but it doesn't work on them all, i can only get it to work on the other ones by drilling down in to the div.. example:

.col a:hover {
    color:#c40000;
}

I have searched but haven't found any solutions apart from setting styles for every div that has a link in it... which seems stupid.

Thanks a lot.

UPDATE - Just checked on my laptop and this is an OSX issue, works fine on chrome on my vista laptop just not on my iMac ;/

Answer 1

Try using:

a:hover {
    color:#c40000 !important;
}

The !important keyword will override any previous styles.