SVG で作成した線形グラデーションに問題があります。Firefox では、250 ピクセル程度を超えて拡張することはできません。これが私がこれまでに得たものです。
<svg>
<defs>
<linearGradient id="grad1" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:rgb(0, 124, 57);stop-opacity:1" />
<stop offset="100%" style="stop-color:rgb(0, 100, 47);stop-opacity:1" />
</linearGradient>
</defs>
<rect width="" height="34" fill="url(#grad1)" />
</svg>