<div id="frame">
    <div id="border">
      <img src="http://www.notshaw.com/raindropskeepfalling/wp-content/gallery/drawings-2013/2013-08-06-14-38-35.jpg" alt="Drawing">
    </div><!-- #border -->
  </div><!-- #frame -->
 body{background-color:#f2f2f2}

  #frame{
    position:relative;
    padding:0;
    margin:0;
    border:solid 15px #555; 
    max-width:600px;
    margin:40px auto;
    box-shadow:-3px -3px 12px #999;
    
    }
  #border{
    position:relative;
    padding:0;
    margin:0;
    border:solid 70px white;
   box-shadow:-3px -3px 12px #999;
       }  
  img{
    display:block;
    padding:0;
    margin:0;
    width:100%;
    height:auto;
    border-top:solid 2px #aaa;
    border-left:solid 2px #aaa;
    border-bottom:solid 2px #ccc;
    border-right:solid 2px #ccc;
    }
   

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.