
Some browsers (especially Firefox) will surround your slideshow with a dotted outline when you click on it. This is the browsers attempt at showing the viewer the currently selected item on the web page.
Something else that might happen is that scroll bars suddenly appear when you click on your slideshow. This happens when the slideshow <div> takes up 100% of the browser window and the dotted lines appear. The browser thinks that the content is larger than the windows, so it shows scroll bars.
After you've spent hours getting your site to look just right, you might be disappointed about this feature.
To stop the border from appearing, you need to edit the CSS in the HTML file that you are using to show the slideshow.
Here an example of what your CSS might look like:
<style type="text/css">
body,html {
background:#BBBBBB;
width:100%;
height:100%;
}
</style>
You need to add object {outline:none;} to your CSS. This will disable the outlining mechanism that the browser uses to highlight the Flash object:
<style type="text/css">
body,html {
background:#BBBBBB;
width:100%;
height:100%;
}
object {outline:none;}
</style>
To read more about this issue, see: http://code.google.com/p/swfobject/wiki/faq ( 15. Why do I see a dotted border around my SWF when using Firefox 3 on Windows and wmode transparent or opaque? )