centrare verticalmente in smaller parent

[UNIX-based]

ciao,
allora per centrare verticalmente un div (id="figlio") in un div (id="padre") ho sempre usato:
height:x;
top:50%;
margin-top:-x/2;

ho notato però che l'overflow sballa nel caso in cui il div padre sia meno esteso in altezza del figlio...

c'è una soluzione?
grazie

[UNIX-based]

forse mi sono spiegato male...

allora se io ho un div "padre" con overflow:auto; che contiene un div "figlio" centrato verticalmente (position:relative;height:x;top:50%;margin-top:-x/2 come faccio ad evitare che mi sballi se riduco in altezza il div "padre" facendo comparire lo scroll laterale?

a me mi accade che mano a mano che restringo in altezza il div "padre" (siccome mantiene top:50% e margin-top:-<valore_negativo>) perdo gradualmetne la parte superiore del div "figlio".

c'è un modo per avere la centrature verticale evitando questo problema?

grazie.

[UNIX-based]

[ashtur1]

potresti postare il codice completo?

non ho ben capito quello che intendi...

[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...