title: set inner div width to be equal to the width of the outer div
body: <p>I have several div's absolutely positioned inside a parent div. I have set the fixed width to parent div. And the inner divs have the width set to 100%. </p>
  
  <p>But the inner div's occupy whole browser width. I want the inner divs to be only as wide as parent div. </p>
  
  <p>How can I achieve this? (Without changing absolute positioning)</p>
  
  <p>A part of My HTMl:
      </p>
  
  <pre><code>&lt;div class="holder"&gt;
      some&lt;/br&gt;
      sample&lt;/br&gt;
      text    
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.parent{
  width:250px;
  }
  
  .holder {
  position: absolute;
  width: 100%;
  background-color: #ccc;
  }
  &lt;/div&gt;
  </code></pre>
  
  <p>here is the fiddle: <a href="http://jsfiddle.net/EUtLh/98/" rel="nofollow">http://jsfiddle.net/EUtLh/98/</a></p>