Eliminating the dotted line box that appears around a link after it has been clicked on.

A dotted text box appears around the link after it has been clicked until you click elsewhere.  It looks awful.  How can I get rid of it?  To see what I'm talking about, the current copy of the page I'm working on can be found at...  http://www.orangeshadow.com/~jdavis/
The Menu and Gallery tabs are the ones that I am referring to.  I would like to eliminate this all together though.
josephdaviskcrmAsked:
Who is Participating?
 
ftsaoConnect With a Mentor Commented:
Add the following code between your <head></head> tags:

<style type="text/css">
a:focus, a:active {
   outline: 0;
   -moz-outline: none;
}
</style>

Tested in Firefox 2.0 and IE 6+
0
 
ftsaoConnect With a Mentor Commented:
Sorry that is for Firefox only. To handle IE you can add <a href="index.html" hidefocus="true">Home</a>.
0
All Courses

From novice to tech pro — start learning today.