title: CSS vertical align inside a min-height container?
body: <p>I've been doing a lot of searching and can't find a css solution to vertically align my content.</p>
  
  <p>All of the solutions I see here on SO and the top articles on google require that I have a fixed height container which the content cannot exceed. I cannot guarantee that as the content is dynamically generated.</p>
  
  <p>The only fallback I have that I can make work is some javascript to programmatically measure the inner container and set its margin-top. This is truly icky but the only way that seems to work. :(</p>
  
  <p>See <a href="http://jsfiddle.net/ZG44H/3" rel="noreferrer">this js fiddle</a> for an example of the markup I want to style.</p>
  
  <p>I am happy to forget IE6 for this, but need to support IE7+ and the latest webkit+firefox...</p>
  
  <p>Is anyone aware of a CSS only solution to this?</p>