Firefox不接受帶圖片的div上的寬度和高度規范

Question

http://henrybuiltfurniture.com/new/furniture.html

div的css，其中包含未顯示為具有任何寬度的圖像：

.wide{
    width:5000px;
    height:100%;
    overflow: hidden;
    z-index: 1;
    display:none;
}

div的html：

<div class="wide">
    <div id="limiter1" class="limiter"><div class="cont"><img src="1.jpg" id="img1" onload="bump();" class="slideimage" alt="img1"/></div></div>
    <div id="limiter2" class="limiter"><div class="cont"><img src="2.jpg" id="img2" onload="bump();" class="slideimage"/></div></div>
    <div id="limiter3" class="limiter"><div class="cont"><img src="3.jpg" id="img3" onload="bump();" class="slideimage"/></div></div>
    <div id="limiter4" class="limiter"><div class="cont"><img src="4.jpg" id="img4" onload="bump();" class="slideimage"/></div></div>
    <div id="limiter5" class="limiter"><div class="cont"><img src="5.jpg" id="img5" onload="bump();" class="slideimage"/></div></div>
</div>

div在safari和chrome上顯示的很好。 我怎樣才能解決這個問題？

Answer 1

嘗試添加以下CSS。我想這可能是圖片未顯示的原因：

html, body{
    height:100%;
}

您還可以display:none; 在CSS中設置。如果要顯示包含圖片的div ，請將其刪除。

Answer 2

可能是原因造成的：-

.wide div.limiter{
                overflow: hidden;
                position: absolute;
            }

應替換為：-

.wide div.limiter{              
                    position: absolute;
                }