I've created some simple navigation on the left hand side of http://www.buelowvetter.com/team.html, using a Spry accordion in Dreamweaver. The top buttons are in the accordion, and the bottom ones are not, because they contain no sub-navigation. Safari and IE both put a "fence" around the whole accordion when you select a button. This ruins the look of the navigation I designed.
I suspect this is just what you have to live with, but is there any way to get rid of this browser indicator?
Okay. In trying to clean up site validation errors, I stumbled onto the answer to my own question. The culprit is the "tab order = 0" found in the Spry's code. Removing that gained not only validation of the page, but removed the unwanted selection indicator from around the accordion.
Thats called a focus border or outline its there for accessibility. This way users who navigate through keyboard know on your site where they are. Removing this border will make your less accessible
Europe, Middle East and Africa