I'm designing a layout for a project and I'm a little rusty on HTML and CSS. I have a div that is centered in the page using margin: auto, it also has a margin-top of 15 and uses CSS3's box-shadow and a border-radius set to 10px. What I want is for the bottom of the div to be locked to the bottom of the screen, unless the content within it exceeds the height of the screen in which case it would fit to the contents.
I've tried margin-bottom, bottom, even height: 100%. Margin-bottom and bottom didn't do anything, height did make the div the height of the page, but since it has a 15px top margin, it caused it to go beyond the bottom of the page. I don't want that to happen if the content isn't as tall as the page.
Is there a way to do this? Am I making any sense?