父母不会在野生动物园上采取儿童的高度

Question

我的结构是：

<div id="slider">
    <div id="slide">
        <div class="slider-top">
            <img src="..." />
            <div class="cont-text"> </div>
        </div>
    </div>
</div>

它的CSS：

#slide {
  display:block;
}
#slider {
  width:100% !important;
  display:block;
  min-width:960px; 
  position:relative;
}
#slider .slider-top {
  width:100% !important;
  height:auto !important;
  display:block;     
  overflow:hidden;
  min-width:960px;
}
#slider .slider-top img {
  width:100%;
  height:auto;
  max-height:857px;
  min-width:960px; 
  margin-top:-4px;
  display:block;
}

所以这是我用Jquery Cycle 1制作的滑块，它是一个必须全宽的滑块，如果显示器小于960px，则停止调整图像大小;

我有下一个问题，滑块适用于Chrome，Mozzila，即10/9/8，但在Safari中，滑块和幻灯片ID没有高度，因此元素位置错误+ DOM中的下一个容器位于滑块下

如果你可以帮助我使它成功，那么我会贬低

更新：做了一个小提琴：http://jsfiddle.net/Kv4ce/1/ 网站上的问题是导航（数字）位于顶部，因为它们看不到父级的高度，加上滑块覆盖了下一个Dom元素

更新：忘了告诉我的网站行为奇怪，如果我直接在栏中输入网站地址它加载完美问题只出现在刷新