html, body { height: 100%; margin: 0; padding: 0; color: white; text-align: center;}

#outer { height: 100%; }
#outer[id] { display: table; width: 100%; } 

#middle { position: absolute; top: 50%;  text-align: center;} 
#middle[id] { display: table-cell; vertical-align: middle; position: static; }

#indexpos {position: relative; top: -50%; left: -50%;  }  /* for explorer only */
#indexpos[id] {position: static; text-align: center; }