Please see the following:
<a href="http://jsfiddle.net/8fQjB/23/" rel="nofollow">http://jsfiddle.net/8fQjB/23/</a>
I want the hd div to always stay on top. And the content div to be scrollable via the page scrollbar. The answer at <a href="https://stackoverflow.com/questions/8108089/how-to-have-the-right-scrollbar-on-a-web-page-scroll-only-the-middle-pane" rel="nofollow">how to have the right scrollbar on a web page scroll only the middle pane</a> does that. However I need the top rounded corners of the content div not to disappear while the user scrolls up. As the div moves up, these corners move up also behind the hd. I need the text just to scroll and the corners to stay stationary.
Please check this out <a href="http://jsfiddle.net/8fQjB/25/" rel="nofollow">jsfiddle.net</a><br /> Theoretical answer is "Just create an overlay"