title: Div Position tracking
body: <p>My Senario is i have a div name scrollContent now another div is content which is inside scrollContent div and is scrollable. In Content div there are other div i want to track the position of all div in content div so that when i reopen the div inside content div open at same position. Here i want to track the position of div with id="p0" .
  I am saving  content div height and width with 
      $('#content').prop('scrollHeight')
      $('#content').prop('scrollWidth')</p>
  
  <p>when i reopen i assign the save height and width to content div. But div inside content div are not open at exact postion. I save the div position inside content div like this
      top=$("#p0").offset().top;
      left=$("#p0").offset().left;</p>
  
  <p>Please suggest me . Thanks in advance</p>
  
  <p>My Code is as below</p>
  
  <pre><code>&lt;div id="scrollContent"&gt;
  &lt;div id="content"&gt;
  &lt;div id="p0" class="window ui-draggable" position="absolute" style="top:256px;left:132px;"/&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  
  Css are
  #scrollContent {
      border:inset 3px #EFF3FB;
      overflow:scroll;
      position:relative;
      min-height:836px;
      min-width:400px;
      height:850px;
      width:1020px;
  
      left: 250px;
      right: 0;
      top: 15px;
      margin-bottom:0px;
      background-color:#EFF3FB;
  }
  #content {
      overflow:scroll;
      position:relative;
      min-height:836px;
      min-width:400px;
      height:836px;
      width:1000px;
  
      left: 0px;
      right: 0px;
      top: 0px;
      bottom:0px;
      background-image:url('../image/new_background_content.jpg');
      background-repeat:repeat;
      background-image-width:100%;
      z-index:0;
  }
  </code></pre>