title: How do I display a scrolling div (or other container) on a mobile browser?
body: <p>I am currently writing a Terms and Conditions page for a wireless hotspot captive portal.</p>
  
  <p>I want to display the length Ts and Cs in a div and let the user scroll through them if they desire. </p>
  
  <p>Easy enough for non-mobile browsers: </p>
  
  <pre><code> &lt;div id="terms" data-theme="a" style="overflow: scroll; height: 200px;"&gt;
        &lt;p&gt;@Html.Raw(ViewBag.Terms)&lt;/p&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>When I view the page on my mobile device, I get a div that feels like <code>overflow: hidden</code> and no scrolling. I've read that two finger scrolling works on iOS devices, but I need Android to work as well.</p>
  
  <p>I'm using the newly released <a href="http://jquerymobile.com/demos/1.0/" rel="nofollow">jQuery Mobile</a> framework.</p>
  
  <p>An alternate solution that would be agreeable to me is some kind of scrolling dialog box I could pop, but it seems like I would still have the same problem. I'm open to ideas.</p>
  
  <p>Any thoughts? Thanks in advance for your help.</p>