title: Cannot scroll web page on iPad
body: <p>On iPad I cannot scroll a web page. It works fine in Safari, Chrome and Firefox on OS X.</p>
  
  <p>The page has an area in which content can be scrolled only horizontally. It consists of a container div which has width = 100% and height = (100% - 40px). I am setting the height by a JavaScipt function which is triggered by window resize events. Inside this container is another div with the width of the content (very wide, to avoid line breaks). Inside that is the content.</p>
  
  <p>CSS properties of the container are:</p>
  
  <pre><code>overflow-x:scroll;
  overflow-y:hidden;
  white-space:nowrap;
  </code></pre>
  
  <p>See the page and full source code here: <a href="http://www.dcfoto.de/" rel="nofollow">dcfoto.de</a></p>
  
  <p>On iPad, scrolling is not possible. What am I doing wrong?
  By the way: resizing also does not work properly on orientation change. Maybe that's connected.</p>