CSS宽度：自动和最大宽度：100％无法协同工作

Question

我有img位于表格的td。所有图像都足够大以溢出td所以我设置width: 100%所以它会缩放图像以适应。我现在已经注意到偶尔会有较小的图像不会溢出td，但最终会根据我的width: 100%样式进行拉伸。我想要的是将图像设置为原始尺寸，除非它会溢出其容器，在这种情况下我希望它可以缩放以适应。

为了做到这一点，我认为我只需要应用这些样式：

table img {
    display: block;
    max-width: 100%;
    width: auto;
}

width: auto有效，但看起来不像max-width: 100%。是否与img或img容器的位置有关？

编辑：看起来像这样：

你可以看到它实际上并没有在td之外溢出，但是我在Firebug中选择了图像，这样你就可以看到图像超出我想要的范围。