css - FirefoxとIEが画像をliにいっぱいに配置しない理由

Question

スライドショー（2つの別々のスライダー）に画像を配置し、その目的でliを使用したい…ChromeとSafariでは正常に動作しますが、FirefoxとIEでは問題があります

Firefoxでは、quirksモードでは正常に動作しますが、標準モードでは動作しません。次の例を参照してください。

quirksモードはFirefoxで正常に機能します：http： //www.newmen-agency.com/

ただし、標準モードでは機能しません：http: //www.newmen-agency.com/index_doct.html

標準モードで作業する必要があります…何を間違えましたか？

以下のcssコードを参照してください。

/* Photo slider */

#slider1 {
    position: absolute;
    height: 100%;
    left: 0%;
    top: 0%;
    width: 57%;
    z-index:100;
}    

#slider2 {
    position: absolute;
    height: 100%;
    left: 82%;
    top: 0%;
    width: 57%;
    z-index:100;
}

#slider1 ul, #slider2 ul {
    margin: 0;
    padding: 0;
}

#slider1 img, #slider2 img {
    height:100%;
}

Answer 1

max-width を追加すると役立つようです (ところで、Opera はどちらのバージョンのページも好きではありませんでした)。

#slider1 img, #slider2 img {
    height:100%;
    max-width:100%;
}