Кроссбраузерные проблемы с dots как устранить?

Question

[Skilful221]

Есть сайт

на нем второй слайдер на движке хрома выгдят вот так, а на движке moz вот так
как я их только не крутил эти dots не получается сделать их одинаковыми на двух этих движках

$(document).ready(function() {
    $(window).resize(function() {
        $('.feedback-dots li button').height(auto);
    }).resize();
});

пробовал вот такое
последние что стояло в css

button
      max-width: 18px !important
      /* min-height: 18px */
      height: 100%
      border-radius: 50%
      background-color: #fff
      border: 3px solid #000 !important
      font-size: 0

Answer 1

[AVezhevich]

не понимаю зачем этот огород со скриптом? почему не задать просто width: 18px; height: 18px ???

Comments

[Skilful221]

Делаю для элемента в chom
и делаю для элемента в mozile
можете сами также попробовать поиграть в браузере и поймете в чем дело.

[AVezhevich]

Skilful221, вы скрипт ваш закомментируйте и в стилях пропишите то что я выше вам писал

[Skilful221]

AVezhevich, скрипт удалил, стили поставил, можете взглянуть, советую начать с firefox

[AVezhevich]

Skilful221 для .feedback li button пропишите еще padding: 0;

[Skilful221]

AVezhevich, как говорится: "Все гениальное просто" - спасибо вам!) сработало)