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%;
}

您还可以在CSS中设置display:none;。如果您想要显示包含div图像的内容，请移动它。

Answer 2

可能是造成这种情况的原因： -

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

应替换为： -

.wide div.limiter{              
                    position: absolute;
                }