A test of my css skills (and unhinged ramblings about aforementioned css)

pictured: the amount of strength you need to work with css)

The syntax for css hasn't bothered me. but the fact that the website doesn't cooperate. and I have no idea why

it just doesn't work, for example, if you are seeing this very paragraph, it means I got something to work. so that you can scroll low enough

IT WORKS NOW! And I have no idea why! for future reference: here's a list of what I did:

1. I had overflow: hidden; on the grandparent div (heading as well as the sidebar and content) and overflow: scroll; on the elements I wanted to be able to scroll on. (Wouldn't scroll at all. just completely broken)
2. decided to move overflow: hidden; to the parent (direct parent of only the sidebar and content) and nothing else
3. SOMEHOW IT WORKS PERFECTLY! WHAT THE HELL!?

I don't know how, but I hope this will help future me somehow (I know that this page is probably full of errors (capitalization, apostrophes, maybe spelling, etc..) but I dont really feel like combing through this page and fixing everything)

ps: I know i could have used tables, but that's supposedly not a good practice and is bad for accessibility. so i decided against it