hide visited link hilighting css

Question

I've been making a site and on the header I have some .png images being used as buttons, my problem is when I open the site in ie9 the visited images have a purple outline. My question is how do I disable visited link highlighting on images or make it transparent so it doesnt come up.

Answer 1

If I don't want to show a link visited state I just set it the same as a the regular link state like so:

a, a:visited {
    // my styles
}

And then another rule for hover and focus:

a:hover, a:focus {
    // my styles
}

And another for active if required:

a:active {
    // my styles
}

If you have images that are getting a border on them as a link or visited link and you don't want this you should add the following to your css:

img {
    border: 0;
}