title: Absolute position is not working
body: <p>I'm trying to place a div with id 'absPos' in absolute position in relation to its parent div. But it is not working, the div is placed at the top left corner of the page.</p>
  
  <p>My code sample is as follows</p>
  
  <pre><code>&lt;html&gt;
      &lt;body&gt;
          &lt;div style="padding-left: 50px;"&gt;
              &lt;div style="height: 100px"&gt;
                  Some contents
              &lt;div&gt;
  
              &lt;div style="height: 80px; padding-left: 20px;"&gt;
                  &lt;div id="absPos" style="padding: 10px; position: absolute; left: 0px; top: 0px; background-color: red;"&gt;&lt;/div&gt;
                  Some text
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Can you help me to solve this issue. 
  In my actual case instead of the red background color I've to place a background image.</p>
  
  <p>Regards</p>