i'm sure the answer to this is painfully obvious, but i'm having a hell of a time trying to keep mozilla based browsers from putting a focus ring around active links (both text and images). i'm working on my website and part of the navigation requires the user to click on a block-link which then triggers a div with a translucent background to appear on top of it. this leaves an ugly focus ring around the link behind the translucent div that's now in the foreground. safari doesn't put any kind of outline on active links by default, but i remember some of the early betas used a dashed outline.
i've tried setting all of the a:active and a:focus borders and outlines to 0, but the focus ring still shows up. is the focus ring just an outline selector somewhere in the moz default stylesheet tagged as !important so that i can't over ride it?
i've tried setting all of the a:active and a:focus borders and outlines to 0, but the focus ring still shows up. is the focus ring just an outline selector somewhere in the moz default stylesheet tagged as !important so that i can't over ride it?