title: Fixed block inside scrolling div
body: <p>I have a block with text, which scrolls when the text is large enough.  I want to make an  overlay div over this block. I did it like in <a href="http://jsfiddle.net/j6q5U/" rel="nofollow">my demo</a>.</p>
  
  <p>If I set <code>position: fixed</code> to overlay, then it can't be adjusted to its  own size relative to wrapping div. If I set <code>position: absolute</code>, the overlay can fit into wrapper, but it can't stay on the  top while scrolling text.</p>
  
  <p>How can I  overcome this? Is it possible without using javascript?</p>