border-image magic

fluid imac with shine.css

.imac {
  /* apply imac image as fluid border image around figure */
  border-width: 34px 34px 163px 34px;
  -moz-border-image: url("../img/border/border-mac-screen-800x608.png") 34 34 163 34 repeat;
  -webkit-border-image: url("../img/border/border-mac-screen-800x608.png") 34 34 163 34 repeat;
  -o-border-image: url("../img/border/border-mac-screen-800x608.png") 34 34 163 34 repeat;
  border-image: url("../img/border/border-mac-screen-800x608.png") 34 34 163 34 fill repeat;
  margin-left: -34px !important;
  box-sizing: content-box !important;
}
.imac figure:before {
  /* applies angled shine to atop of the figure w/in the imac */
  position: absolute;
  right: -34;
  left: 0;
  top: -34;
  bottom: 0;
  content: '';
  background-image: url("../img/border/border-mac-screen-glare-800x608.png");
  background-position: top right;
  background-repeat: no-repeat;
}