html - max-width コンテナーを使用した firefox のレスポンシブ img

Question

最大幅のコンテナ内にレスポンシブ イメージが必要です。

HTML:

<div class="center-content">
    <img src="assets/test-slider.png" alt="" />
</div>

CSS:

/*center-content*/
.center-content{
    position:relative;
    max-width:1200px;
    margin:0 auto;}


/*img-fix*/
img{
    max-width: 100%;
    height: auto;
}

これは -webkit では正常に機能しますが、firefox では機能しません...

どんな助けでも大歓迎です。

/編集/

http://jsfiddle.net/WKHHR/

Firefox と Chrome の違いを確認する