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 http://www.myalgebrabook.com on click on the banner, you’ll see what I mean.
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.