title: jQuery Mobile: Dialog popup scrolling
body: <p>I'm using the jQuery Mobile Framework to develop a website for phones, and there are some images on the site that I want to open up in a larger format in the Dialog control.</p>
  
  <p>I have a page setup that handles loading the image where the image is in a div with overflow=auto. It works on a desktop browser (Chrome), where if I shrink the window down, the dialog has scroll bars internally for the image.  It doesn't work however on my phone's browser (Android, so Chrome browser). The div doesn't want to scroll. Is there any way I can circumvent this, aside from shrinking the image down?</p>
  
  <p>Here's the code for the image page:</p>
  
  <pre><code>&lt;div data-role="dialog"&gt;
      &lt;div data-role="header" data-theme="d" data-position="inline"&gt;
          &lt;h1&gt;&lt;%= ViewData["ImageTitle"] %&gt;&lt;/h1&gt;
      &lt;/div&gt;
      &lt;div data-role="content" data-theme="c"&gt;
          &lt;div style="overflow:auto;"&gt;
              &lt;img alt="&lt;%= ViewData["ImageAlt"] %&gt;" 
                   src="&lt;%= ViewData["ImageUrl"] %&gt;" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>