Verschachtelter Container max-heigh wird nur bei PT und nicht beo % angenommen

<div id="Container">
 <div id="Header"></div>
 <div id="Menu"></div>			
 <div id="Content" style="font-size: 1em">a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/></div>
 <div id="Bottom"></div>
</div>

html, body {
	width: 100%;
	height: 100%;
	max-height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: #CCCCCC url(../layout_images/bg.jpg) 50% fixed no-repeat;
	overflow: hidden;
}


#Container {
	position: absolute;
	width: 990px;
	max-height: 85%;
	margin-left: 50%;
	top: 5%;
	left: -495px;
	padding: 0;
	background: red;
}

#Container #Header {
	position: relative;
	height: 100px;
	width: 100%;
	background: green;
}
#Container #Menu {
	position: relative;
	height: 25px;
	width: 100%;
	background: yellow;
}

#Container #Content {
	position: relative;
	max-height: 50%;
	overflow: auto;
	width: 100%;
	background: blue;
}

#Container #Bottom {
	position: relative;
	height: 25px;
	width: 100%;
	background: gray;
}