Chrome vs IE Image Quality

Hi,

I've noticed that ie has terrible image quality when resizing. The image alone at normal dimensions is fine, but when you scale the image with css, the quality greatly decreases. any ideas? (the <i> mask has nothing to do with the quality)

chrome
http://i1114.photobucket.com/albums/k535/auroralight1/chrome.png
ie9
http://i1114.photobucket.com/albums/k535/auroralight1/ie.png


img {
-ms-interpolation-mode: bicubic;
}

.avatar {
position: relative;
height: 100%;
}
.avatar a,
.avatar img,
.avatar i {
display: block;
width: 100%;
height: 100%;
}
.avatar a i {
position: absolute;
top: 0;
left: 0;
box-shadow: inset 0 1px 3px #000, inset 0 -1px 3px #000;
}

Chrome supports CSS3 -- have you tried using the translation effects to scale your images rather than the %