When ever I have this accordion selected in chrome a dark yellow border appears around the whole accordion. I know it is not a css property but it has to do with the browser since it doesn't happen in opera. It's the border that is displayed when you select an element (I think IE's is a dashed grey border). I was wondering how I could fix this. I have two pictures displayed of the issue, one with it deselected and one with it selected, respectively.
Focus outline allows people to see exactly where they are on the page. Removing the outline may be aesthetically pleasing to you but it doesn't improve your site's usability.
Unless it's a spry accordion. The focus outlines have nothing to do with
accessibility. It's a programming flaw. Perhaps the newer spry versions
have corrected this. In any event, it would benefit the user to use a
different accordion over spry. For those into free stuff, a jQuery
plugin would be a much, much better choice than spry.
Al Sparber - PVII
The Finest Dreamweaver Menus | Galleries | Widgets
Europe, Middle East and Africa