title: GRIDSTER scroll is not moving while darging and resize to its parent div
body: <p>I need to move the scrollbar of parent div #mainContainer while drag and resize.
  Please help me out this issue.   </p>
  
  <pre><code>&lt;div id="mainContainer" style="overflow:auto;"&gt;
      &lt;div class="gridster"&gt;
  &lt;ul&gt;
      &lt;li data-row="1" data-col="1" data-sizex="1" data-sizey="1"&gt;&lt;/li&gt;
      &lt;li data-row="2" data-col="1" data-sizex="1" data-sizey="1"&gt;&lt;/li&gt;
      &lt;li data-row="3" data-col="1" data-sizex="1" data-sizey="1"&gt;&lt;/li&gt;
  
      &lt;li data-row="1" data-col="2" data-sizex="2" data-sizey="1"&gt;&lt;/li&gt;
      &lt;li data-row="2" data-col="2" data-sizex="2" data-sizey="2"&gt;&lt;/li&gt;
  
      &lt;li data-row="1" data-col="4" data-sizex="1" data-sizey="1"&gt;&lt;/li&gt;
      &lt;li data-row="2" data-col="4" data-sizex="2" data-sizey="1"&gt;&lt;/li&gt;
      &lt;li data-row="3" data-col="4" data-sizex="1" data-sizey="1"&gt;&lt;/li&gt;
  
      &lt;li data-row="1" data-col="5" data-sizex="1" data-sizey="1"&gt;&lt;/li&gt;
      &lt;li data-row="3" data-col="5" data-sizex="1" data-sizey="1"&gt;&lt;/li&gt;
  
      &lt;li data-row="1" data-col="6" data-sizex="1" data-sizey="1"&gt;&lt;/li&gt;
      &lt;li data-row="2" data-col="6" data-sizex="1" data-sizey="2"&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>
  </p>
  
  <pre><code>$(function(){ //DOM Ready
  
  $(".gridster ul").gridster({
      widget_margins: [10, 10],
      widget_base_dimensions: [140, 140]
  });
  </code></pre>
  
  <p>});</p>
  
  <p>Check this image link</p>
  
  <p><a href="http://tinypic.com/r/2rm9ydf/8" rel="nofollow">http://tinypic.com/r/2rm9ydf/8</a></p>
  
  <p>Thanks in Advance</p>