在我的 html 页面中，我将图像包含为
<img src="http://i44.tinypic.com/w2o9kh.png" border="0" alt="Image by TinyPic">
我从外部 css 通过
img {width:2em;height:2em; }
但是我注意到，当同一图像在页面中多次使用时，图像质量会下降。在 Firefox 中比较http://jsfiddle.net/aJ333/50/ 和http://jsfiddle.net/zxgQr/ 。第一个笑脸的质量更差。
关于为什么会发生这种情况以及如何保持质量的任何见解？
PS 我已经检查过即使图像位于不同的 div 容器中也会发生这种情况。
PS 这似乎是特定于浏览器的：
在 chrome 中，两者的质量都很好
在 IE9 中，两者的质量都很差
在 Firefox 中，笑脸的质量在第一小提琴中更差。我希望这至少可以在 Firefox 中工作。
我是 html 新手，所以请耐心等待，以防这很明显