title: Resize an image without losing aspect ratio
body: <p>I have to show photo images of users in a div of 120px by 120px. 
  The problem is that images may have different sizes:</p>
  
  <ul>
  <li>Be smaller</li>
  <li>Greater</li>
  <li>Do not be square. The big problem.</li>
  </ul>
  
  <p>Is there any way to insert images inside the square <strong>without losing the aspect ratio</strong>?</p>
  
  <p>Note: Images are displayed as <strong>background-image</strong>. I prefer CSS, but it could be javascript or jquery.</p>
  
  <p>Very important: need to be <strong>supported by IE8</strong>.</p>