Red borders on links in Firefox

Est. Read Time: ~Keurig Brew-Time

I ran across an interesting issue recently. I could not remove the dotted border on a link in Firefox. I removed ALL dotted borders in ALL CSS files and it was still there! The solution was much simpler than I thought it would be. All you have to do is add the following to your CSS:

a:active {outline: none;}
a:focus {-moz-outline-style: none;}

Viola! The borders are gone :)