title: How to make width of absolutely positioned div same as its parent div?
body: <p>I am trying to display an absolutely positioned div inside floating div.
  Here is my HTML so far.</p>
  
  <pre><code>#outer
  { 
      float:left;
      width:500px; 
      border: 1px solid red; 
  
  }
  
  #inner
  {
      left:0;
      position:absolute;
      border: 1px solid black;
      width:100%
  }
  
  
  &lt;div id='outer'&gt;
      &lt;div id='inner'&gt;
          some text inside div
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have an outer div whose width is being set as percentage of its parent div. 'outer' div contains an absolutely positioned 'inner' div. 
  I want to make width of the inner div same as outer div which is not working. Can somebody suggest a way to do this?</p>