title: How to vertically align floating divs to the bottom?
body: <p>Because examples rule: <a href="http://jsfiddle.net/rudiedirkx/wgue7/" rel="noreferrer">http://jsfiddle.net/rudiedirkx/wgue7/</a></p>
  
  <p>How do I get the bars to the bottom instead of the top? Now they're sticking to the top of the container (<code>#bars</code>) but I want them sticking to the bottom.</p>
  
  <p>As you can see, I don't know the height of the highest bar, so I don't know the height of the container.</p>
  
  <p>These q+a don't help: <a href="https://stackoverflow.com/questions/1022795/vertically-align-floating-divs">Vertically align floating divs</a>, <a href="https://stackoverflow.com/questions/4541787/vertically-align-floating-divs">Vertically align floating DIVs</a></p>
  
  <p>Should be simple, right? If it helps: it only has to work in decent browsers.</p>
  
  <p>PS. Number of bars is variable (not in the example) and their heights are. Only their widths are static. Positioning <code>absolute</code> won't help, because the container div doesn't have measurements.</p>