I have some graphics which are required to be shown at different sizes on a website. Rather than resize each graphic and save twice, we're scaling some of the images down with CSS by using a smaller width attribute.

This is fine in Firefox, but in IE7 (not tried 6) the graphic becomes very jagged when resized with CSS. When you zoom in (ctrl +) or out (ctrl -) of the page they smoothen out. Even 99% zoom makes them smooth, but 100% makes them jagged.

Does anyone know how to stop this? Apart from not using IE that is.