title: CSS image scaling to fit within area not distort
body: <p>Is there a way with CSS or otherwise of making an image fit within an area. Lets say I have multiple images of different sizes and I want them all to fit within a div of 150px by 100px. I don't want to scale the images though as some may be tall and others narrow I simply want them to fit within this area with the rest hidden. </p>
  
  <p>I thought about using <code>overflow:hidden</code> but it appears to not be hidden in IE6.</p>
  
  <p>Any ideas?</p>