I have a main div, which is a child and is centered by a content div. This content div is siblings with a header div and footer div, which are children of a wrapper div. The content div is made to grow and that is what I want so that the content always takes up all the screen besides the header and footer div with their set sizes. And when I shrink thee screen small enough that the main div overflows the screen, which is what I want, I want to be able to scroll it back into the screen, however that does not work fully and it gets cut off. I already have margin on the main div, so that it overflows properly with the header and footer divs. The problem remains no matter what I do.