title: Black line at bottom of elastic scrolling in uiwebview?
body: <p>I have a hybrid iOS app that is essentially a uiwebview that loads HTML from our server. There's a fixed position top bar, a fixed position bottom tab bar, and a scrollable/draggable middle content section with content loaded via AJAX. However, sometimes a one-pixel, gray (#838383) line appears at the bottom of the middle content section when you scroll past the bounds of the content, ie, elastic scrolling. However, it's not consistent. In some tabs of the app, it doesn't show up at all, and I can't figure out what's causing it to appear or in some cases not appear. I've searched all the server-side CSS and HTML for &quot;838383&quot; but nothing turned up.</p>
  <h1>Normal state:</h1>
  <p><a href="http://msr-cf.matt.re/lio-app-line3.jpg" rel="nofollow noreferrer">normal state http://msr-cf.matt.re/lio-app-line3.jpg</a></p>
  <h1>Elastic scrolling shows gray line:</h1>
  <p><a href="http://msr-cf.matt.re/lio-app-line.jpg" rel="nofollow noreferrer">scrolling with gray line http://msr-cf.matt.re/lio-app-line.jpg</a></p>
  <h1>Elastic scrolling on different page does not have gray line:</h1>
  <p><a href="http://msr-cf.matt.re/lio-app-line2.jpg" rel="nofollow noreferrer">scrolling on a different tab does not have gray line http://msr-cf.matt.re/lio-app-line2.jpg</a></p>
  <p>Has anyone experienced this before, know why it's happening, or have a solution?</p>