title: jQuery drag drop set position of elements
body: <p>I want to create a timeline with horizontal scroll where one can drag events on timeline. 
  For that i have created a dynamic grid and used jQuery ui Drag drop.</p>
  
  <p>It runs fine, but when i scroll it horizontally, the position of dropped elements are not changing. So, probably i have to maintain all dropped elements position.
  Is there any easy way to achieve this, i mean with css etc..?</p>
  
  <p></p>
  
  <pre><code>    var dropBox;
      var drag;
      var maxEventsInMonth = 10;
      var maxDataRow = 6;
  </code></pre>
  
  <p>Please refer.</p>
  
  <p><a href="http://jsfiddle.net/dipal/GSNrX/14/" rel="nofollow">http://jsfiddle.net/dipal/GSNrX/14/</a></p>