Browser outlines

Question

Greetings all,
I've been testing various Spry Effects (Accordion, Collapse,
Tab Panels etc) Although the functionality is all working as
expected, several browsers display ugly outlines. Specifically:
Safari displays a light blue outline around the complete
widget. The only way for it to disappear is to click anywhere on
the page other than the widget. The same outline appears in Firefox
although this outline is a dotted black line, and again, only
disappears when you click anywhere outside the widget. This also
seems to be the case with Chrome which displays an orange outline.
It appears to work fine in IE7 (PC) and Opera 9.5 (PC &
Mac)
Anybody else experience this? Any suggestions/fixes would be
appreciated, as it is it visually spoils the effect on the page.
Cheers

Answer 1

Thanks Arnout for the suggestion,
I had included the CSS and it does not address the issue.
Perhaps I did not explain the effect clearly. It is not a code
attribute of the container/effect CSS etc. It is not an outline of
the object in the traditional sense, it merely appears as an
outline when you engage the spry effect. It appears to be a browser
issue as previously stated in the original post. Perhaps Firefox
3.06 (gecko) and Safari 4 beta (webkit) just don't like these
effects. Looks and works fine in IE7 and Opera 9.5 (PC, Mac,
Linux).
Anybody else experiencing this display issue?
I'll keep looking about for examples etc.
Cheers