CSS-повторный линейр-градиент не показывает линии менее 4px ⇐ CSS

[Anonymous]

Столкнувшись с этой странной проблемой в Firefox/Safari.
Полосы линейных градиентов менее 4px не видны. См. Скриншот и код:

Вот код:
background-image: -moz-repeating-linear-gradient(
transparent 0, transparent calc(48.5 * 16px), /* White Space */
black calc(48.5 * 16px), black calc((48.5 *16px) + 1px), /* Line */
red calc((48.5 *16) + 1px), red calc(56 * 16px) /* White Space */
);
< /code>
Это ничего не визует, если только « + 1px» не переключается на + 4px. Я пытался напрямую писать количество пикселей, а также подразделения REM, но результат одинаково. Тот же код (без префикса -moz, отлично работает на Chrome). < /P>
Из отладки я понял, что магическое число -4px. Что -нибудь ниже это не отображается.
Есть идеи о том, что может вызвать проблему?>

Подробнее здесь: https://stackoverflow.com/questions/682 ... s-than-4px