title: Position a DIV inside another DIV to the bottom
body: <p>I'm trying to position a DIV inside another DIV on its' bottom part.</p>
  
  <p>When I set the outer divs' height to some absolute height (i.e - 100px), it works fine. When It's set to percents or isn't set at all - I can't position it.</p>
  
  <p>Here is my CSS:</p>
  
  <pre><code>#left_pane 
  {
      float: left;
      margin-left: 21px;
      position: relative;
  }
  
  #bottom_pic_wrapper
  {
      position: absolute;
      bottom: 0;
  }
  </code></pre>
  
  <p>the <code>#bottom_pic_wrapper</code> is inside of <code>#left_pane</code> and should be aligned to its' bottom.</p>
  
  <p>Any ideas why this won't work for me?</p>
  
  <p>Thanks :)</p>