title: CSS fixed position div content cuts off in mobile landscape mode and will not scroll
body: <p>I have a div with a position:fixed and a bunch of list items in it. When viewed on mobile devices in landscape mode the menu cuts off the list items and does not allow scrolling. Loading up this jsfiddle and changing the height of your browser to something around the 600px mark will illustrate the problem:</p>
  
  <p><a href="http://jsfiddle.net/w55h3/1/" rel="nofollow">http://jsfiddle.net/w55h3/1/</a></p>
  
  <p>Notice the styling on #main-menu:</p>
  
  <pre><code>#main-menu {
  ...
  position:fixed;
  bottom:0px;
  top: 0px;
  }
  </code></pre>