What's the best way to do this?

http://page-test.co.uk/top.html

I just want the top section to be fixed on page scroll but without other content being visible underneath it / at the side of it.

Also, ideally I don't want to have to set a fixed offset value. E.g to offset the other content by 60px as the top section needs to be flexible height (if possible).