.blur{ 
   background-color: #ccc; /*shadow color*/ 
   color: inherit; 
   margin-left: 4px; 
   margin-top: 4px; 
   width: 224px; 
} 
.shadow, .content{ 
   position: relative; 
   bottom: 2px; 
   right: 2px; 
} 
.shadow{ 
   background-color: #666; /*shadow color*/ 
   color: inherit; 
} 
.content{ 
   background-color: #fff; /*background color of content*/ 
   color: #000; /*text color of content*/ 
   border: 1px solid #000; /*border color*/ 
   padding: .5em 2ex; 
} 
.content IMG{ 
   border: 1px solid #000000; 
} 

<div class="blur"> 
<div class="shadow"> 
<div class="content"><img src="im4.jpg" width="200" height="150" alt=""></div> 
</div> 
</div>