CSSの背景色を使ってマウスオーバー時、画像に枠をつける。

デモページへopen_in_new

HTMl

<div class="mod_Rollover001">
<p><a href="#"><img src="photoimage.jpg" width="220" height="124"></a></p>
<!--mod_Rollover001_end--></div>

CSS

.mod_Rollover001 a{
	width:220px;
	height:124px;
	padding:9px;
	display:block;
	border:1px solid #999;
	background:#FFF;
}
.mod_Rollover001 a:link    {}
.mod_Rollover001 a:visited {}
.mod_Rollover001 a:hover   {background:#666;}
.mod_Rollover001 a:active  {background:#666;}