Responsive Pattern Border

by Pete Fecteau

HTML

<div id="frame_outer">
  <div id="frame_inner">
  <!-- INSERT CONTENT HERE -->
  </div>
</div>

CSS

body {
  background-image: url('http://buttonpresser.com/DNA/floral_pattern.png');
}
#frame_outer {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  border:30px solid #FFF;
  padding: 15px;
}
#frame_inner {
  background-color: #FFF;
  height:100%;
  width:100%;
}