title: Content scrolling on mobile page with fixed header/footer
body: <p>Hello i am building a mobile webpage where my content only will be scrolling and my footer and header is position:fixed - Can i make the content so that it doesn't scroll under the header or footer , so that it just scrolls in it's own div.</p>
  
  <p>The reason why i want to do this is that i am going to have some opacity on my header and footer and if the content gets scrolled under , it's just not looking good.</p>
  
  <p>Heres a jsfiddle i made to just show you the example of the scroll</p>
  
  <p><a href="http://jsfiddle.net/VNVqs/" rel="nofollow">http://jsfiddle.net/VNVqs/</a></p>