css - Firefox で Nivo スライダーの位置が間違っている

Question

インデックス ページの nivoslider スライドショーでは、Chrome、IE 10、および Opera で正しく表示されます。Firefox でのみ、右側に表示されます。ここに私のサイトがあります: http://www.colombian-emerald-jewelry.com/

どうすればこれを修正できますか?

私はあなたの助けに感謝します

Answer 1

誰かが同じ問題に直面しているが、float の使用を避けたい場合 (スライダーがページのメイン コンテンツの上にある場合、clearfix の使用を強制します)、clear: どちらもさらにうまく機能します。

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

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