When I click one of the header links on this site: http://tinyurl.com/ a box appears around the link, then the new pages loads, and if you hit back the box is still there... I figure it has to be something to do with css, haha... Thanks to anyone that can figure this out... here's a screenshot clip of the box around the header link... it expands all the way to the left of the screen, even on top of my logo! haha... nevermind A buddy showed me how... he gave me this code for your stylesheet: a{user-focus: none; outline : none; -moz-user-focus: none; -moz-outline: none;} Code (markup):
You will see that box around an image link, only in firefox but not IE. That is a great fix, it looks ugly with the box around.
You only need to add this, and it will do the job: a:focus { outline: none; } but what the -moz-outline: none for? I want to know.
Firefox, Opera and Webkit do things properly. In this case, the -moz- indicates the implementation is not a part of the standards. Prior to FF2, I believe, Mozilla was hesitant to finalize their implementation of the outline property due to vagueness in the specs. (There is still discussion on this property's rendering.) Another example is -moz-columns. Mozilla properly uses the proprietary prefix for this property since it is in css3's working draft, and not yet adopted. cheers, gary