Я знаю, что вам не понравится звук этого, но единственный реальный способ прямо сейчас, чтобы получить согласованную кросс-браузерную эстетику в этом случае, заключается в использовании повторяющегося изображения.
Если это простой линейный градиент, тогда вам нужно всего лишь 1px в ширину и выше градиента, затем сделайте цвет фона страницы окончательным цветом градиента, чтобы он работал плавно. Это уменьшит размер файла.
Если вы хотите уменьшить полосы градиента в своем изображении, используйте PNG (а не прозрачность), поскольку я считаю, что для этой цели они лучше подходят, чем JPG.
В Adobe Fireworks я экспортировал бы это как PNG-24.
Удачи.
http://codepen.io/anon/pen/JdEjWm
#gradient {
position: absolute;
width: 100%;
height: 100%;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(black), to(white));
background: -webkit-linear-gradient(top, black, white);
background: -moz-linear-gradient(top, black, white);
background: -ms-linear-gradient(top, black, white);
background: -o-linear-gradient(top, black, white);
background: linear-gradient(top, black, white);
}