centrare verticalmente in smaller parent

[UNIX-based]

#container {
	position:absolute;
	top:195px;
	right:0;
	bottom:120px;
	left:0;
	background-color:#EEEEEE;
	overflow:auto;
}
#box {
	position:relative;
	top:50%;
	left:50%;
	margin-top:-135px;
	margin-left:-375px;
	height:270px;
	width:750px;
	background-color:#AAAAAA;
}

<div id="container">
	<div id="box">ciao</div>
</div>

praticamente box sta esattamente al centro di container...
il problema sorge quando restringo verticalmente la pagina: il box rimane centrato ma man mano scompare la parte alta (la scritta "ciao" ad esempio).

io vorrei che rimanesse centrato finchè totalmente visibile e che fosse comunque scrollabile quando parzialmente visibile...

forse così si capisce meglio...