Используемые цвета не имеют достаточного контраста. То, что вы видите, является реализацией в браузере того, что нужно делать, когда не поддерживается достаточная глубина цвета. Safari использует подход, в котором он «угадывает», что такое прерывистые, неподдерживаемые цвета, создавая то, что кажется линиями. Firefox использует другой подход. Он использует то, что называется дизеринг , где он берет немного одного цвета и разбрасывает его поверх другого цвета, чтобы создать впечатление градации там, где недостаточно контраста.
Возможные решения: увеличить контраст или сделать градиент в Photoshop или еще что-нибудь и применить дизеринг вручную.