title: How to scroll a div inside another div?
body: <p>In my <strong>Cordova 2.5.0</strong> app for <strong>android</strong>, I have created a lightbox like popup, which is a <code>&lt;div&gt;</code>. Now i want to scroll the inner div, which I'm not able to. It has following structure</p>
  
  <pre><code>___________#lightbox_____________
  |                               |
  |     _______#header_________   |
  |     |                     |   |
  |     _______________________   |
  |                               |
  |     _____#wantToScroll_____   |
  |     |                     |   |
  |     |                     |   |
  |     |                     |   |
  |     |                     |   |
  |     |  but doesn't        |   |
  |     |                     |   |   
  |     _______________________   |  
  </code></pre>
  
  <p>Css for #lightbox</p>
  
  <pre><code>width:100%;
  height:100%;
  overflow:hidden;
  float:left;
  position:absolute;
  top:0;
  left:0;
  display:none;
  background:rgba(0,0,0,.7);
  </code></pre>
  
  <p>css for #header</p>
  
  <pre><code>text-align:center;
  </code></pre>
  
  <p>css for #wantToScroll</p>
  
  <pre><code>  font-size:large;
      color:black;
      padding:1% 3%;
      line-height:1.5 em;
      max-height:70%;
      position:relative;
      overflow:auto;
      -webkit-overflow-scrolling: touch;
  </code></pre>
  
  <p>How to do this? Is there any issue that phonegap conflicts with native scrollview or something? As far as I have reached to the conclusion, it is not. The problem is with the positioning. But I tried all combinations of relative, fixed and absolute pos. </p>
  
  <p>Kindly do not suggest to use any kind of external plugin like sencha or iscroll. I think there has to be a solution without these.</p>