title: overflow (scroll) - 100% container height
body: <p>i'm trying to have a floated div (call it 'sidebar') display 100% of container height, and scroll if necessary.</p>
  
  <p>if the sidebar has more content (height) than the container would have otherwise, it should scroll.</p>
  
  <p>content is dynamic and fixed heights aren't possible.</p>
  
  <p>i'd like to avoid tables if possible, but would use them if that was the only solution.</p>
  
  <p>i don't want to use javascript.</p>
  
  <p>this effect can be achieved with tables, if the table, body, and cells are all given 100% height, and in one cell a div with height:100% and overflow:scroll is set.  this works in webkit (Safari and Chrome) as well as IE, but fails in gecko (Fx) - 'fails' means that the div with more content than the container will expand the container (again only in Fx).  the same idea works in webkit if using divs with display:table/table-row/table-cell, but fails in both Fx and IE.  i can provide a sample of this if it'd be helpful.</p>
  
  <p>this effect could also be achieved using an iframe with height:100%, which seems to work in all modern browsers, but i'd like to avoid unnecessary iframes if possible as well.</p>
  
  <p>i have to think that since it's possible using the above 'hacks' it might be possible using table-less, frame-less css, but is beyond my level of understanding.</p>
  
  <p>any suggestions?  tyia.</p>