Floating / Moving text content in a div

I have two divs one being a child to anoth开发者_高级运维er. I wish my parent div which extends throughout the page to scroll. But the text upon it to remain fix from the top. Here is the sample image :- I want the background image of the background to be gray and that parent div will extend to the end of the page. The text present is on another div. I want this text to be always at the same position from the top of the screen. This actually acts as navigation for my website.

How can this be done ??

this could be what you are looking for

#nav {position:fixed; top: 30px;}

(no support for ie6)