body, html {height: 100%;}
body.norm {background-color:black;}
body.menu {background-color:#340f12;}
#outer {height: 100%; width:100%; overflow: visible;} /* or without overflow */
#outer[id] {display: table; position: static; text-align:center;}
#middle[id] {display: table-cell; vertical-align: middle; text-align:center; position: static;}

/* replace this 
#middle {position: absolute; top: 50%;} for explorer only
#inner {position: relative; top: -50%;} for explorer only 
*/

/* with this */
#middle {margin-top: expression((document.getElementById('outer').offsetHeight - document.getElementById('middle').offsetHeight)/2);}


.bodytext { color:#f4f3e5; font-size:11px; line-height:1.5em; font-family:sans-serif, lucida grande, tahoma, myriad; }

a  { color:#e4ce9d; font-size:11px; line-height:1.5em; font-family:sans-serif, lucida grande, tahoma, myriad; }