title: Why did the width collapse in the percentage width child element in an absolutely positioned parent on Internet Explorer 7?
body: <p>I have an absolutely positioned <code>div</code> containing several children, one of which is a relatively positioned <code>div</code>. When I use a <code>percentage-based width</code> on the child <code>div</code>, it collapses to <code>0 width</code> on IE7, but not on Firefox or Safari.</p>
  <p>If I use <code>pixel width</code>, it works. If the parent is relatively positioned, the percentage width on the child works.</p>
  <ol>
  <li>Is there something I'm missing here?</li>
  <li>Is there an easy fix for this besides the <code>pixel-based width</code> on the child?</li>
  <li>Is there an area of the CSS specification that covers this?</li>
  </ol>