Flexslider работает на Chrome и Safari, но не на Firefox

Question

Я не уверен, почему слайдер домашней страницы на моем сайте отлично работает на Chrome и Safari, но не на Firefox. Он использует Flexslider. Выравнивание полностью отключено от Firefox. Сейчас я нахожусь в недоумении.

Вот сайт: http://www.sherwoodbedding.com/

Я уже попробовал этот CSS код только Firefox, но это временное решение, я не хочу, чтобы начать с.

@-moz-document url-prefix() { 
    .full-homepage-slider ul.slides li { 
     margin: 0 !important; 
     float: none !important; 
    } 

Answer 1

Была ли та же проблема сама!

Наконец-то выяснилось, что это было потому, что я применил («нижний») к классу flexslider (.flexslider) в CSS, чтобы сместить содержимое под слайдером вниз - каким-то образом в Firefox он сдвигал изображение вниз сверху, что вызывает проблему выравнивания.

РЕШЕНИЕ: Удалите все значения полей, которые относятся к: .flexslider (или любого div контейнера)

Если вам еще нужны элементы вокруг ползунка для перемещения по отношению к ней, использовать padding на div контейнере вместо margin.