This is the test page I am working on:
After the page loads, the dark opaque background fades in (div#overlay), which is styled like this:
Within that, I have a wrapper (div#contentblockwrap) styled like this:
margin:36px auto 0 auto;
I want div#overlay to fill the page underneath the white navigation bar, and div#contentblockwrap to sit 36px below that (as they do now), but the content within div#contentblockwrap should scroll inside it. It *sort of* works now, but I can't scroll to view all of the content (about the first three lines of the paragraph text only).
If there is a better way to do this, please let me know. Otherwise, is there a CSS tweak or two that would get this the way I want? It seems pretty close.