title: dynamic background images of different dimensions
body: <p>I have a div of 100pxx100px and would like to load dynamically background images within it.
  These images are of all different sizes and I would like that they fit within the div without being distorted.</p>
  
  <p>It appears that background-size: contain; works well but is only supported by modern browsers (as usual IE being the real bugger...)</p>
  
  <p>Could someone please recommend a solution to this as I am out of ideas?
  Anny help appreciated. </p>