title: how to make responsive menu div which scrolls when screen resizes
body: <p>I am using purecss to make a responsive website. In my page I have a HEADER and FOOTER; both of them are fixed and in between them I have CONTENT which has left vertical menu and the right side has some content.</p>
  
  <p>Now what I want to achieve is when any resizing happens then my left side menu should have a scroll bar like of its own and the content in the right should also have one. Plus the menu div should not go mix with the footer or the header.</p>
  
  <p>I am not very sure but do I need to use mobile-webkits to resolve this issue.</p>
  
  <p>I have found something to help:
  <a href="http://filamentgroup.github.io/Overthrow/examples/2-column/" rel="nofollow">http://filamentgroup.github.io/Overthrow/examples/2-column/</a></p>
  
  <p>Is this the only way or are there any other libraries which can help me in this?</p>