Its really a lengthy process to add the border or duble border around the image. CSS trick makes this easier and easy to edit. Just follow the steps below.

Example:

STEP ONE: Paste this code into the HEAD of your HTML document

<style>

.imgborder{ border:1px solid #666666; padding:2px;}

</style>

STEP TWO: Paste this code into the BODY of your HTML document

<img src="imagename.gif" width="" Height="" class="imgborder">

I was really experimenting the slide bar menu for my current project but after all fussy search that was not fullfilling the current thurst but thanks to Andy Sellick who made this easier me to do this.

Here is the sample chunk of code with couple of changes like position of menu, color theme & positon.