body, html {margin:0px;height: 100%; width:100%;text-align:center;}
#outer {height: 100%; overflow: hidden;margin-left: auto; margin-right: auto; width: 500px;text-align:left;}
#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 */
#inner[id] {position: static;}/* CSS Document */