firefox中的液體圖像不是液體

Question

所以我有這些在Chrome瀏覽器中縮小的圖像（我用它來設計瀏覽器），並且非常適合我的響應式設計。但是，當我在Firefox中查看此頁面時，圖像不會縮小原始大小。 （IE9也有同樣的問題。）

我用下面的CSS：

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

A的這個的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; 
}