Chrome вычисляет отступ на один пиксель меньше, чем должно быть

Question

У меня есть несколько элементов на странице с этим css:

padding-top: 15px;

Однако в Chrome он отображается неправильно, заметно на один пиксель.Конечно же, в разделе вычисляемых стилей инспектора элементов Chrome этот элемент вычисляется как:

padding-top: 14px;

То же самое относится и к другому элементу на странице с этим CSS:

padding: 4px;

Chromeберет это и вычисляет это:

padding-bottom: 3px;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;

Это важно, так как это разница между меню, заполняющим все вертикальное пространство его контейнера, и тем меню, которое имеет заметный, уродливый пробел внизу.

Я действительно в недоумении, почему это происходит.Этого не происходит в Firefox, Opera, Safari или даже Internet Explorer.Просто Хром.

Answer 1

Это может быть как-то связано с рендерингом твёрдых границ 2x 2px, которые у вас есть:

#carousel-content .slide

Мне неясно, в чем именно проблема, но, снимая эти границы, все выглядит изменчивов хроме?