Проблемы с заполнением в Chrome против Firefox

Question

Проблемы с выравниванием текста кнопки в браузерах. Я прочел подобные вопросы и попробовал предложения, но безрезультатно (отображение: встроенный блок для моих гиперссылок, line-height: 1). В firefox слишком много места для исправления с помощью кнопок (см. Начальный слайдер), и это выглядит очень хорошо, хотя в Chrome. Сайт: jdd.meteor.com

* Мне сказали, что этот вопрос был «вне темы», когда я пытался спросить раньше. Пожалуйста, дайте мне знать, что я могу сделать, чтобы этот вопрос был активным, если он не по теме, что бы это ни значило, поэтому я могу вносить изменения.

Спасибо!

Снимки экрана (Chrome затем Firefox):

#middle-section #slider .item .content hgroup a.call-to-action { 
background: #820024; 
color: white; 
padding: 20px 30px; 
letter-spacing: 0px; 
font-size: 1.2em; 
} 
a { 
color: #00aab5; 
display: inline-block; 
line-height: 1; 
} 

Answer 1

сегодня утром у меня была такая же проблема, вам нужно определить высоту, а также, что решить эту проблему для меня, он отлично смотрелся в Chrome, но без высоты он выглядел потрясающе в Firefox. Надеюсь это поможет.