My web page won't let me scroll?

Question

I am creating a webpage where I have a div ("container") that is the parent of the div "rounded". For some odd reason, the webpage doesn't let me scroll down, although both divs are larger than the screen.

Here's jFiddle with components that don't work: http://jsfiddle.net/pmg92/19/

Any ideas as to why this is not working?

Answer 1

You need to take position:fixed with .container so that it allows you to scroll the page

EDIT

Check it out here http://jsfiddle.net/pmg92/23/ I think this is what you are looking for. I pulled out irrelevant css to not just copy and paste yours. I removed the background rounded image instead of using border-radius , because using the background image, you cannot really compress or expand depending on the content. This will not work in older browsers unless you use web whales and so on.

If you want to use an image, I would suggest slicing the image between the top, bottom and middle. The top will contain the top with radii. The middle will be 1px tall, which will be repeated vertically as needed. The bottom will contain a bottom section with radii.

Answer 2

The problem is that you have the position container installed.