Как сделать градиент не используя картинки? Очень просто! Градиент на CSS - это просто :) Правда не валидно, но.. можно обойтись без картинок и фотошопа :)
Работает во всех браузерах. В ИЕ тоже.

body {
background: #999; /* Если браузер не поддерживает градиент, то будет фон */
background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#fff000)); /* Для webkit */
background: -moz-linear-gradient(top,  #ff0000,  #fff000); /* Для firefox 3.6+ */
background: -o-linear-gradient(top,  #ff0000,  #fff000); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff0000,  #fff000); /* IE10+ */ 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#fff000'); /* IE */
}

Первое значение цвета ОТ, а второе ДО.

Пример

Все)