Hi, this is my first post so please be gentle.

I have a basic vertical menu halfway down the left hand side of a page, with a separate header section above it.

As a user scrolls down the page, the menu of course automatically travels up the browser as usual along with everything else. But when it reaches the top of the browser, I want the menu to stay fixed there and not continue rising.

Obviously, if I use {position:fixed} it just stays there in the middle all the time.

Any ideas how I would be able to do this with CSS, or do I need some javascript?

Thanks.