P_Morris&JWW

上の写真に影を付けないノーマルな画像はこんな感じです。

参考にさせて頂いたところ
◆　朝飯前。　　画像（写真）にフチや影をつける方法

先ず、上記サイトから「影」となる画像をダウンロードして自分のサイトへアップする。

スタイルシートに下記を追加する。

/* 画像に影をつける（ドロップシャドウ） */
.shadow {
  background-image: url("img/shadow_001.gif");
  background-repeat: no-repeat;
  background-position: bottom right;
  margin: 25px 5px 10px 5px;
  padding: 0px;
  position: relative;
  }

.shadow img {
  background-color: #FFFFFF;
  border: 1px solid #A9A9A9;
  margin: -5px 5px 5px -5px;
  padding: 4px;
  position: relative;
  vertical-align: bottom;
  }

そして、影を付けたい画像img要素をdiv要素で括る。
こんな風に

<div class="shadow" style="width: 310px;"><img alt="wani.jpg" src="http://www.tmk-s.com/blog/img/wani.jpg" width="300" height="225" /></div>

style="width: 310px;"　部分のサイズは、実際の画像サイズにプラス１０とする。

しかぁ～～し？
FirefoxとOperaでは、綺麗に縁取りされているのですが・・IEの場合はずれてしまいます。？
も、ちょっと研究の余地アリかな？(^^ゞ