title: How to use 100% height with css
body: <p>Attempt #3.</p>
  
  <p>Using css, <strong>with a strict doctype</strong>, can someone please draw 4 div boxes to meet these requirements.</p>
  
  <ol>
  <li>The wrapper or outermost div will scale in height. That means that it could be any height.</li>
  <li>The middle div should <strong>always</strong> be 100% high to match the outer/parent div (#1 in my list)</li>
  <li>The next div should be positioned <strong>inside</strong>, and at the <strong>top</strong> of div #2</li>
  <li>The last div should be positioned <strong>inside</strong>, and at the <strong>bottom</strong> of div #2</li>
  </ol>
  
  <p>NOTES:
  If you use absolute positioning for this, you will put divs 3 and 4 outside of div #1 and that won't work. The key is to keep divs 3 and 4 <strong>within</strong> div #2</p>