ファイヤーフォックスの液体イメージは液体ではありません

Question

私はこれらのイメージをChrome（私が使用するブラウザ）で縮小し、私のレスポンシブルデザインにきれいに収めました。しかし、私がこのページをFirefoxで見ると、画像は元のサイズから縮小しません。ここでこの

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

A jsFiddle：

私は、次のCSSを使用しています（。またIE9は同じ問題を抱えている）http://jsfiddle.net/S7ur2/

私は周りを見回してきましたが、持っていません解決策が見つかりました。あなたが私を助けてくれたら、本当に感謝しています。

Answer 1

は、これらの醜いautoを取り除くとあなたの例では、画像は5pxの広いのようなもので、成長していないwidthの代わりに、Chromeでmax-width
http://jsfiddle.net/elclanrs/S7ur2/3/

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