If yiu see my front page at http://www.chrisfawkes.net you will see i have created a scroll box of images. If you scroll the images the header and menu do not move.
Then if you go to the blog at http://chrisfawkes.net/blog/the-blog/ when you scroll the header and menu move.
I am able to fix the header and menu but then there is no space between the header and the post. That is the post start at the top of the screen with the header and menu over it.
I then added top: 130px to the .post in style.css which only moves the post if i add position relative
The problem is adding position relative now puts the header and menu behind the post. So the header and menu are fixed but the post run right over the top.
I would love to simply have the header and menu fixed so to visitors the blog is congruent with the front (art prints) page.
Can anyone help me out on this one. I've reverted back to what i had but feel like i am close to what i want but stumped as to what to do next.