Volrath... para hacer lo que quieres necesitas darle un overflow:auto y un max-height:50px (ejemplo)
De esa forma la caja se irá alargando a medida que le ingresas texto, hasta que llegue a los 50px de alto, de ahi en adelante mostrará el scroll.
El problema de esto es que requiere CSS2 (en Firefox y Opera funciona bien).
No se si habrá otra propiedad en CSS1 que permita lo mismo para IE, pero te serviría jugar con javascript y los comentarios condicionales.
Acá te copio un ejemplo:
Código:
<html>
<head>
<style type="text/css">
#caja{
border:1px solid black;
width:100px;
max-height:50px;
overflow:auto;
}
</style>
<script type="text/javascript">
function medidascaja(id){
//calculo la altura actual de la caja
var elemento = document.getElementById(id).offsetHeight;
//si es mayor a 50, le aplico css para dejar su altura en 50
if(elemento > 50){
document.getElementById(id).style.height = '50';
}
}
</script>
<!--[if IE]>
<script type="text/javascript">
#Como estoy usando un comentario condicional esto solo lo verá internet explorer
window.onload = function(){
medidascaja('caja');
}
</script>
<![endif]-->
</head>
<body>
<div id="caja">
gfhjfghjgfhjg<br>
gfhjfghjgfhjg<br>
gfhjfghjgfhjg<br>
gfhjfghjgfhjg<br>
gfhjfghjgfhjg<br>
gfhjfghjgfhjg
</div>
</body>
</html>