On my website, I have some wrapper DIVs, and then inside those I have a pageHeader DIV and then a pageBody DIV at the same level.
I would like to freeze the page header so the user always sees my company logo and the menu bar.
For #pageHeader, I changed position: relative to position:fixed, and while that did freeze the hage header, it also moved it to the background and then overlaid the page body on top of it.
I do not want the body text to be overlaid on top of the page header, but rather, I want it to be positioned below the page header like before, but as you scroll down the page, the page header should remain in place so that if people need to access the menu it is right there.
Hope that makes sense?!