title: Fixed footer, changing-height header, how to add scroll to the content between them?
body: <p>I need to compose a page which has a header and a footer, and some textual content in between.</p>
  
  <p>The page size is fixed (an iframe) and has a fixed-height footer, but the header's content can change (it's translated thus the number of text lines varies). Both header and footer should never have a scrollbar. If the content between them is long, a scrollbar should be added to the content itself. Whatever I do, I can't get this to work CSS-only. I either have a scroll to the entire page (or the top area, including the header), or the content div's text extends beyond it's borders.</p>
  
  <p>Here's a fiddle to exemplify my problem:
  <a href="http://goo.gl/u1iTz" rel="nofollow">http://goo.gl/u1iTz</a>
  (I want a scroll for the green area only)</p>
  
  <p>Oh, and without JavaScript... :)</p>
  
  <p>Thanks.</p>