css - スライドショーの最小高さが機能しない

Question

ページ上部の私のスライドショーにはwidth:100%、height:400pxcss 属性があります。

しかし、私はレスポンシブ Web ページを作成し、ページの幅に応じてスライドショーの高さを可変にしたいと考えています。

使ってみましたがうまくいきmin-heightません。

コンテナのheightオン400pxと画像の高さを自動に設定してみました。これにより、スライドショーの高さが反応して変化するため、問題が部分的に解決されますが、コンテナはオンのままで400px、スライダーとメニューバーの間に空きスペースができます。

あなたはなにか考えはありますか？

私のcssは次のとおりです：

.container { 
    padding:0px; 
    margin:0px; 
    position:relative; 
    padding:0; 
    height:400px; 
}

.img { 
    position:absolute; 
    left:0; 
    top:0; 
    width:100%; 
    height:400px; 
    min-height:auto; 
}

http://jsfiddle.net/maaah1/cm11jpjb/