* {margin: 0px;padding: 0px;}
body, html {height: 100%;}
#outer {height: 100%; overflow: visible;} /* or without overflow */
body {text-align: center;}
#inner {background-position: middle center;background-repeat: no-repeat;background-image: url(oops.jpg);}
#inner span {display: none;}
#outer {overflow: hidden; position: relative;}
#outer[id] {display: table; position: static;}
#middle {position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}
#inner {position: relative; top: -50%} /* for explorer only */
/* optional: #inner[id] {position: static;} */
#outer {width: 100%;}
#inner {width: 600px; margin-left: auto; margin-right: auto;height: 308px;}