title: CSS3 property webkit-overflow-scrolling:touch ERROR
body: <p>iOS 5 released web designers a new property <code>-webkit-overflow-scrolling:touch</code> that uses the iOS devices hardware accelerator to provide native scrolling for a scrollable div.</p>
  
  <p>When implemented on our site in development it does work but not well. I believe there may be a CSS issue hence I ask here.</p>
  
  <p>The following <a href="http://jsfiddle.net/B94w9/1/" rel="noreferrer">fiddle</a> will show you it working perfectly </p>
  
  <p>If you pop over to our site in development you will find the same panel under facilities tab but on iOS although the scrolling is perfect the overflowed section is not shown with pictures literarily chopped in two.</p>
  
  <p><a href="http://www.golfbrowser.com/courses/mill-ride/" rel="noreferrer">http://www.golfbrowser.com/courses/mill-ride/</a></p>
  
  <p>I have no idea how to fix this
  <a href="http://www.golfbrowser.com/photo.PNG" rel="noreferrer">http://www.golfbrowser.com/photo.PNG</a></p>