title: Fit image inside div without stretching
body: <p>I need to fit an image inside a 300x300 div without stretching the image. I've seen this on the huff post, the slider on this page :</p>
  
  <blockquote>
    <p><a href="http://www.huffingtonpost.com/2012/01/07/katy-perry-divorce_n_1191806.html" rel="noreferrer">http://www.huffingtonpost.com/2012/01/07/katy-perry-divorce_n_1191806.html</a></p>
  </blockquote>
  
  <p>The images are clipped but not stretched. 
  Instead of using max-width, max-height.</p>
  
  <p>How do I do this?</p>