This is my main content. Note that if you make the screen very small the navigation remains "stuck" to the top of the screen, but doesn't cover my content at page load. What type of positioning do I need for this?

Now check out the footer. No matter how large I make the screen the footer stays at the bottom, not floating mid-browser.