Html 使用“最大高度”、“最大宽度”自动约束div内的img

这段简单的代码在WebKit浏览器中非常有效，但在IE和Firefox中却失败了。我需要将

img

标记用于其他功能，因此

背景图像

不是一个选项

片段

img{
最大宽度：100%；
高度：自动；
}
.vgp数据表{
宽度：100%；
最大宽度：860像素；
裕度：0自动1em；
显示：表格；
}
.vgp数据表.row{
显示：表格行；
}
.vgp数据表。行。艺术，
.vgp dtable.row.txt{
显示：表格单元格；
垂直对齐：顶部；
}
.vgp dtable.row.art{
宽度：30%；
文本对齐：右对齐；
}
.vgp数据表.行.艺术图像{
宽度：自动；
最大高度：280px；
}
.vgp dtable.row.txt{
宽度：70%；
文本对齐：左对齐；
左侧填充：8px；
}

下面是一些示例文本

下面是一些示例文本

只需在此处添加：

.vgp dtable{
宽度：100%；
最大宽度：860像素；
裕度：0自动1em；
显示：表格；
表布局：已修复/*已添加*/
}

尝试添加溢出：隐藏；是艺术还是img？它会导致元素像float一样崩溃。