Миллиметровка на CSS3 (туториал)

Добрый день.
Вопрос о туториале - “Миллиметровка на CSS3”. Дел в том, что конечный результат сетки выполненной с помощью линейных градиентов в Firefox и Chrome - отличаются. В Chrome - отображается все верно, а вот в Firefox - сетка которая должна сливаться с бекграундом и тем самым создавать эффект пунктирных линий - вместо этого рисуется каким то серым цветом. Этот цвет видимо берется браузером по дефолту если видит, что цвет бекграунда и линейного градиента совпадает. Пробовал с префиксами указывать - не помогает. Есть ли какое то решение в сложившейся ситуации? Спасибо за внимание.

Добрый день. Скажите, пожалуйста, какая у вас версия Firefox?

Доброе утро. У меня стоит последняя версия FireFox - 38.0.1
У вас в FireFox данной проблемы не возникает?

Да, тоже последняя. Не заметил странностей. Скиньте скриншот, пожалуйста.

Странно.
Вот как отображается у меня в FireFox - https://yadi.sk/i/1nLoR1Yegkiu6
А вот как в Chrome - https://yadi.sk/i/Xj3rQv_egkj8n
Разницу видно невооруженным взглядом, в коде ничего не менял.

Ок, я проверил на другой машине, тоже всё ок. Думаю, тут локальная проблема в чём-то. Может какие-то предустановленные стили или настройки.

Странно… Попробовал сбросить в FireFox все дополнения и настройки (то есть как будто только установленный, единственное с моими вкладками, паролями и другой важной информацией) - результат тот же. Проверил с братом на его машине через скайп - у него эта же фигня в FireFox, а в Chrome все нормально. Вы на Маке проверяли?

Хм. Я проверял на browserstack всех виндах и на маке.

Ладно, может позже все таки получится найти причину данной проблемы. В любом случае спасибо вам за помощь.