title: HTML -> Fixed top, Fixed bottom and dynamic content
body: <p>i would like to create a single page where:</p>
  
  <p>1) The top, 100px, fixed
  2) The bottom, 100px, fixed
  3) Between top and bottom there is dynamic content</p>
  
  <p>I was able to create exactly that but i have an issue, when i am scrolling the dynamic content, the elements go under and over the top and bottom and the same elements are visible thru the fixed top/bottom.</p>
  
  <p>I tried clear: both; on the top and bottom div, but since they are fixed, the clear: both; did'nt works.</p>
  
  <p>I would like to keep the dynamics elements inside the content div between top and bottom and if possible still use the main document scroll bar to scroll inside it.</p>
  
  <p>Here is an example, assume the lines represent the top and bottom fixed div, and the 'element' are the dynamic contents.</p>
  
  <p>element - not correct</p>
  
  <hr>
  
  <p>element - not correct</p>
  
  <hr>
  
  <p>element</p>
  
  <p>element</p>
  
  <p>element</p>
  
  <p>element</p>
  
  <p>element</p>
  
  <hr>
  
  <p>element - not correct</p>
  
  <hr>
  
  <p>element - not correct</p>
  
  <p>Hope i am clear enough and thanks in advance!</p>