CSS: cómo obtener barras de desplazamiento para div dentro del contenedor de altura fija

Question

tengo el siguiente marcado:

<div class="FixedHeightContainer"> 
    <h2>Title</h2> 
    <div class="Content"> 
    ..blah blah blah... 
    </div> 
</div> 

El CSS se ve así:

.FixedHeightContainer 
{ 
    float:right; 
    height: 250px; 
    width:250px; 
} 
.Content 
{ 
    ??? 
} 

Debido a su contenido, la altura de div.Content suele ser mayor que el espacio provisto por div.FixedHeightContainer. Por el momento, div.Content felizmente se extiende fuera de la parte inferior de div.FixedHeightContainer - no del todo lo que quiero.

¿Cómo especifico que div.Content obtiene barras de desplazamiento (preferiblemente solo vertical, pero no soy quisquilloso) cuando su altura es demasiado grande para caber?

overflow:auto y overflow:scroll no están haciendo nada, por alguna razón extraña.

Answer 1

configurando el overflow debe encargarse de ello, pero también debe configurar la altura de Content. Si el atributo de altura no está establecido, el div crecerá verticalmente tan alto como sea necesario, y no se necesitarán barras de desplazamiento.

Ver Ejemplo: http://jsfiddle.net/ftkbL/1/