background test

by frozenmouse

HTML

<div id="outer">
<div id="inner">
</div>
</div>

CSS

html, body {
  width: 100%;
  height: 100%;
}

#outer {
  width: 100%;
  min-width: 400px;
  height: 100%;
  min-height: 300px;
  border: 1px solid green;
  background-image: url('http://i.imgur.com/StEX3c3.png');
  background-position: top center;
  background-repeat: no-repeat;
}

#inner {
  width: 400px;
  height: 300px;
  border: 1px solid red;
  margin: 0px auto;
}