title: Fluid Height Constrained Images HTML
body: <p>Looking for some assistance if its possible to do a fluid height image in CSS. </p>
  
  <p>Ex) <a href="http://jsfiddle.net/VDB7A/20/" rel="nofollow">http://jsfiddle.net/VDB7A/20/</a></p>
  
  <p>I want to have the box div at a set height, but dynamically size the container to show all the text at the bottom without going over the set box height. Basically this is for a fluid width site, where I want to cap the box height and auto adjust the image size to show all the text without going over the height.</p>
  
  <p>Thanks!</p>
  
  <p>Figured out my own answer:</p>
  
  <p>I need to scale everything on width. So I need to put a min-width and max-width on the container. Then I need to put width:100% on the image. Height will always be auto.</p>
  
  <p><a href="http://jsfiddle.net/VDB7A/27/" rel="nofollow">http://jsfiddle.net/VDB7A/27/</a></p>