CSS image scaling to fit within area not distort
You should try using this: img{ width: auto; max-width: 150px; height: auto; max-height: 100px; } Edit: Looks like IE6 doesn’t support max-width and max-height properties. However, you can implement the workaround given here: max-width, max-height for IE6 Excerpt (in case linked article stops working): img { max-height: 100px; max-width: 100px; width: expression(document.body.clientWidth > 150? “150px”: … Read more