Нужно получить вот такую конструкцию:




На фоне - градиент сверху, потом все залито сереньким. И рабочая область таким же макаром. Причем сайт долженрастягиваться в высоту. Как можно этого достичь? Спасибо.

где pic.png - тонкая полоска градиента высотой в градиент ~ 50-100 пикселей и шириной 1 пиксель

У body background-image с position top, остальной серый - это просто background-color
или я в чём-то не вижу подвоха?

Добавлено через 51 секунду
bars80080, ты быстрее 

Только при работе с .png нужно будет учесть, что .png в IE темнее.
А можно пойти и по-другому пути: верхний градиент в формате .gif прикрутить к тегу BODY, как и писал bars80080 и December 
а второй градиент прикрутить к центральному контейнеру (в котором будет располагаться вся верстка) вместе с основным серым цветом:

webster, ты про несовпадение цвета пнг и фона в браузере ИЕ, устраняемый этой прогой? http://pobox.com/~jason1/tweakpng/
(удаление мета gAMA)

bars80080 , совершенно точно!   

так эта утилита его правит

Спасибо! Дошло! Тут я конкретно ступила могла бы и додуматься

Это сообщение отредактировал(а) malkovian - 13.8.2008, 21:55

Стоп... так не получается. Там текст начинается, а градиент еще не закончился, если я туда прикручу рисунок, а потом вдоль дива пущу 1пиксель рисунок, то оно наложится и будет некрасиво.  

вот совсем не понятно. продемонстрируйте хоть

все-таки разобралась,спасибо.