body, html {
	height: 100%;
}
#outer {
	margin: 0px auto 0px auto;
	height: 100%; 
	overflow: visible;
} /* or without overflow */
#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;} */