Html 为什么Firefox中调整大小的图像下面会有一条黑线？

如果您拍摄以下图像：

http://ecx.images-amazon.com/images/I/41uxky7oT8L._SL160_.jpg

将其放置在带有IMG标记的html文件中，然后将其调整为宽度160，但不设置高度设置。在Firefox上，您将在图像下方看到一条难看的黑线

例如：

<img src="http://ecx.images-amazon.com/images/I/41uxky7oT8L._SL160_.jpg" alt="" width="160" />

或

（注意，如果有必要的话，我在Ubuntu Linux 8.04 LTS上使用的是FF 3.6.3。）

请注意，我不想设置高度，因为当我只想更改宽度，使其适合亚马逊产品的列时，图像看起来会很有趣。另外，我不能总是准确地预测图像的高度，一些用于检查图像的API可能会使网站速度过慢

---

那么，您认为为什么会出现黑线，我可以在HTML或CSS中以编程方式做些什么来防止它？注意：我已经尝试将图像的背景色样式设置为#FFF，但仍然存在此问题。

根据需要使用JavaScript调整图像大小，以防止浏览器扭曲。我之所以这样做，是因为只有Opera和Chrome才能将大图像“平滑调整”为小图像。

对我有效，Windows7上的FF 3.6。我也有同样的问题。看，我将尝试这个，看看它是否修复它。非常感谢您的回复。

<img src="http://ecx.images-amazon.com/images/I/41uxky7oT8L._SL160_.jpg" alt="" style="width:160px;" />