Навигация немного отличается от Firefox

Question

На сайте, над которым я работаю, у меня есть все, что выглядит примерно так же, как и в главных браузерах (проверка Chrome, Safari & Firefox).

Все, кроме назойливого зазора 1px на элементах навигации, заметны на активных предметах (при заполнении фона).

Вы можете посетить сайт здесь: http://lumbre.breadadams.com/

Это разрыв я говорю о

Я возился с height, line-height, padding и т.д. многократных элементы (nav, ul и т. д.), но, похоже, ничего подобного не делает.

Однако, если я увеличиваю font-size от 1.2em до 1.3em, он подходит, но тогда он не включен в Chrome. Увеличение шрифта 0.1 в то же время делает его альтернативой между установкой на Chrome и Firefox в основном.

Answer 1

#navigation-container #main-nav ul > li.menu-item-has-children > a::after { 
    content: ""; 
    font-family: FontAwesome; 
    margin-left: 4px; 
    position: absolute; 
} 

Твой ответ амиго!

Просто добавьте position: absolute;

это (маленький значок) :after, который нуждается в позиции абсолютного. Это вызывает немного верхнего пространства, но когда вы даете ему абсолютную позицию, все хорошо, мой друг!