Масштабирование изображения приводит к ухудшению качества в Firefox/Internet Explorer, но не в Chrome

См. http://jsfiddle.net/aJ333/1/в Chrome, а затем в Firefox или Internet Explorer. Изображение изначально имеет размер 120 пикселей, и я уменьшаю его до 28 пикселей, но оно выглядит плохо, независимо от того, до какого масштаба вы его уменьшаете.

Изображение имеет формат PNG и имеет альфа-канал (прозрачность).

Вот соответствующий код:

HTML:

    
​

CSS:

a {
    width: 28px;
    height: 28px;
    display: block;
}

img {
    max-width: 100%;
    max-height: 100%;
    image-rendering: -moz-crisp-edges;
    -ms-interpolation-mode: bicubic;
}

Строки image-renderingи -ms-interpolation-modeCSS не кажется, что-то делают, но я нашел их в Интернете, когда занимался исследованием проблемы.