html,body,#wholePage {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}

#centeredContent {
	position: relative;
	z-index: 10;
}
/*
   Works in IE5+/Win, Firefox, Safari, Opera 5+, Netscape 6+, Konqueror 3 
   Does not work in NS4.x or IE/Mac
*/
.valignmid1 {
	position: relative;
	margin: 0 auto;
}
/* Opera 7.0x is buggy when you put display:table on <body> Opera 7.2+ and 6.x 
   don't appear to have this problem. We hide this from IE5/Mac, because it 
   doesn't support display:table-cell and it doesn't have the same bug that 
   allows this to work in IE5-6/Win (hide from IE/Mac) \*/
.valignmid1 {
	display: table;
	vertical-align: middle;
}
/* Moz1.4 - Moz1.6 (NS7.1) bug, can't put position:relative on .valignmid2 \*/
.valignmid2 {
	width: 100%;
	display: table-cell;
	vertical-align: middle;	
}
/* end hide */
.valignmid3 {
	position: relative;
}
<!--[if lte IE 7]><style type="text/css">
   /* this is the hack to make it work in IE5-7/Win */
   .valignmid2 {
      top: 50%;
      left: 0;
      position: relative;
      margin: 0;
   }
   .valignmid3 {
      top: -50%;
      position: relative;
      padding: 1px 0;
   }
   /* these next two rules are a fix for the unnecessary scrollbars in IE7 */
   #outermost {
      min-height: 28em; /* same as height for #outer */
   }
   *:first-child+html .valignmid3 {
      margin: -12% 0; /* you may need to adjust this */
   }
   /* to trigger hasLayout in IE7 */
   .valignmid1,.valignmid2,.valignmid3 {
      min-height: 1px;
   }
   /* to trigger hasLayout in IE5-6/Win */
   * html .valignmid1,* html .valignmid2,* html .valignmid3 {
      height: 1%;
   }
   * html body {
      position: relative;
   }
</style><![endif]-->