How to Remove Dotted Border from Links

You may notice this more on image links than text links because it stands out like a sore thumb. Whenever you click on an image link it displays a dotted border around it and when you hit the Back button to return to the page the border is still there. This is annoying because it makes your slick design a little less slick, specially in a dark theme. This is supposed to be a usability "feature" in Firefox, but it is more annoying than usable.

To remove this dotted border from your image and text links add the following to your css:

a:focus
{
outline: none;
}

Updated June 21, 2010. This will work with newer browsers as well as with old versions of Firefox.