¿Mi página web no me permite desplazarme?

Estoy haciendo una página web donde tengo un div (“contenedor”) que es un padre del div “redondeado”. Por alguna extraña razón, la página web no me permite desplazarme hacia abajo, aunque ambas dimensiones de los divs son más grandes que la pantalla.

Aquí hay un jFiddle con los componentes que no funcionan: http://jsfiddle.net/pmg92/19/

¿Alguna idea de por qué esto no está funcionando?

Debes tomar la position:fixed el .container para que permita que la página sea desplazable

EDITAR

Mira esto aquí http://jsfiddle.net/pmg92/23/ Creo que esto es lo que estás buscando. Saqué el CSS no relevante, así que no copie y pegue en el suyo. Eliminé la imagen redondeada de fondo en lugar de usar border-radius porque al usar una imagen de fondo no se puede reducir o expandir dependiendo del contenido. Esto no funcionará en navegadores más antiguos a menos que use webkits, etc.

Si desea utilizar una imagen, le sugiero que corte la imagen entre una parte superior, una inferior y la mitad. La parte superior contendría la sección superior con los radios. El centro sería 1px alto que repite vertical según sea necesario. La parte inferior contendría la sección inferior con los radios.

El problema es que tienes la position del container arreglada.