Firefox red background rectangle


I’m trying to get rid of a red outline that appears when I click on a background graphic. I’m using

 hover:  -moz-outline-style: none;
	 outline: none;

which gets rid of all other outline issues except for my banner link. if you take a look at on click on the banner, you’ll see what I mean.

Any help would be appreciated.

Thank you,


I’m not seeing any red border when I click in FF (Mac).

EDIT: when a link is active, it gets a dotted outline by default, which shows that it has focus. This helps various people to know that the link has focus, such as those using a keyboard. It’s not a good idea to to disable this. You can style it differently if you wish.

The border is red because of this:

a:link { color: #900;}

You could change the focus color with

a:focus {styles here}

but it’s better not to hide it.

Thanks for checking it out. I’ll take your advice and not hide it.