Nivo滑块错位于Firefox中

Question

我的nivoslider幻灯片显示在我的索引页上，正确显示了Chrome，IE 10和Opera。 只有在Firefox中它显示我们在右侧。 这是我的网站：http://www.colombian-emerald-jewelry.com/

我该如何解决这个问题？

我感谢你的帮助

Answer 1

您也可以直接添加float:left;到nivoSliderclass：

.nivoSlider { 
    float: left; 
    height: auto; 
    overflow: hidden; 
    position: relative; 
    width: 100%; 
} 

Answer 2

定位是我得到了它的工作，在这两种浏览器试试这个方法：

地址：

.slider-wrapper { 
    height: 350px; 
    position: relative; 
} 

编辑：

.theme-default .nivoSlider { 
    background: url("loading.gif") no-repeat scroll 50% 50% #FFFFFF; 
    box-shadow: 0 1px 5px 0 #D3D3D3; 
    position: absolute; 
} 

.theme-default .nivo-controlNav { 
    bottom: 0; 
    clear: both; 
    left: 45%; 
    overflow: hidden; 
    padding: 0; 
    position: absolute; 
} 

Answer 3

如果有人遇到同样的问题，但希望（它会强制使用clearfix如果你的滑块让我们说页面的主要内容上方），以避免使用浮动，明确：既效果更好。

.nivoSlider { 
    height: auto; 
    overflow: hidden; 
    position: relative; 
    width: 100%; 
    clear: both 
}