title: blockUI scrollable content
body: <p>I love the blcokUI plugin. I use it all around the place in my projects. Recently, I needed to inject dynamic html inside the blockUI dialog. Basically content are image previews. Most of the time, the space needed for the photos are larger than the screen itself.</p>
  
  <p>I tried a lot of solutions of I can think of, including having a seperate scrollable div inside the blockUI with no luck. </p>
  
  <p>Has anyone ever accomplished this?</p>
  
  <p><strong>EDIT:</strong>
  The code is as follows;</p>
  
  <p>How the blockUI is called:</p>
  
  <pre><code>$('#addphoto').click(function (e) {
      $('body').block({ message: $('#dropbox'), css: { top: '10px;', width: '90%', 'position': 'absolute'}, allowBodyStretch: true })
  });
  </code></pre>
  
  <p>The dropbox content:</p>
  
  <pre><code>&lt;div id="dropbox" style="display:none;"&gt;&lt;span class="message"&gt;drag&amp;drop images here&lt;/span&gt;&lt;/div&gt;
  &lt;div id="image_container"&gt;
      &lt;div class="preview done"&gt;
          &lt;span class="imageHolder"&gt;
              &lt;img src="" /&gt;
              &lt;span class="uploaded" style="overflow: scroll"; &gt;&lt;/span&gt;&lt;/span&gt;
          &lt;div class="progressHolder"&gt;
              &lt;div class="progress"&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>