ドロップシャドウ

css 
body {
  padding:10px;
  background: url( bg.gif );
}

div.shadow {
  margin: 2px 0 0 2px;
  float: left;
  margin-left: 10px;
}
* html div.shadow {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src=shadow.png,sizingMethod=scale );
}
html>body div.shadow {
  background: url( shadow.png ) right bottom;
}
body { /*?*//*/ background: url( shadow.gif ); /**/ }

div.shadow img {
  position: relative;
  top: -2px;
  left: -4px;
  border: 1px solid #eee;
}

<body>
<div class="shadow">
  <img src="hoge.jpg" width="99" height="140"  alt="" />
</div>
<div class="shadow">
  <img src="moge.jpg" width="99" height="140" alt="" />
</div>
</body>