Scrolling content instead of a huge page...

I was faced with a serious dilemma. I needed to create a design that had a framed content area that was scrollable. I had no idea how to do this initially but as I thought about it and used the crap out of f12, I found the following solution to start me on the right path.

The following code will make it so that the content area of your SharePoint site is fully scrollable instead of being a 4000 pixel tall beast. This code, combined with some framing code that I will post later, has sofar created an elegant solution to fully customize your entire design.



Code:
.s4-ca.s4-ca-dlgNoRibbon
{
    overflow-y: scroll;
    width: auto;
    height: 460px;
    }

BACKASSWARDS!

So it appears that my previous css is not going to cut it in any situation... ever... No, it's not really that bad but it is so basic compared to what I am doing now with Visual Studio that its crazy <---italicized for emphasis. It's like I was bound by my hands and fighting (insert newest mma sensation here) as opposed to being able to use a samurai sword in battle!

Let me explain. There is this program called Microsoft Visual Studio 2010. It is hands down best way to work with SharePoint. Once you have Visual Studio installed you can interact with your SharePoint site far easier than using SharePoint Designer. I have compiled quite the list of css goodies since my Visual Studio enlightenment. I will post the code goodies soon.