firefox中的液体图像不是液体

Question

所以我在Chrome（我用来设计的浏览器）中缩小了这些图像并且非常适合我的响应式设计。但是当我在Firefox中查看此页面时，图像不会从原始大小缩小。 （IE9也有同样的问题。）

我正在使用以下CSS：

.pics img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
    border: 1px solid #CCC;
}​

这里有一个jsFiddle：http://jsfiddle.net/S7ur2/

我环顾四周，但还没有找到解决方案。如果你能帮助我，我真的很感激。

Answer 1

摆脱那些丑陋的auto并使用width代替max-width
 http://jsfiddle.net/elclanrs/S7ur2/3/

.pics {
    border-collapse: separate;
    border-spacing: 15px;
}
.pics img {
    width: 100%;
    border: 1px solid #CCC;
}