background внизу страницы

[B@RT]

Помогите реализовать градиентный background, который прикреплен внизу страницы...

Структура шаблона примерно такая:

Верхний градиент

Зеленая шапка

Центр

врапер

зеленый футер

нижний градиент

Уже много вариантов перепробывал... никак не могу заставить этот самый градиент залезть под самый низ... он у меня получается как второй футер, на всю свою высоту :'(

CSS:

div#gradient_bottom_l {
 position: absolute;
 z-index: -1;
}

div#gradient_bottom_r {
 position: absolute; 
 bottom: 0;
 height: 302px;
 overflow: hidden;
}

div#gradient_bottom {
 background: url(../images/gradient_bottom.png) 0 0 repeat-x;
 height: 302px;
}

div#gradient_bottom_l {
 background: url(../images/gradient_bottom.png) 0 0 no-repeat;
}

div#gradient_bottom_r {
 background: url(../images/gradient_bottom.png) 100% 0 no-repeat;
}

В самом конце шаблона, перед

[Scrum]

http://imfo.ru/computers/footer-absolute

может поможет.

[B@RT]

обижаете.... я поиском пользоваться умею.... и как видно в моем css файле - это не помогает...

[homm]

http://forum.htmlbook.ru/index.php?showtopic=7894

[B@RT]

http://forum.htmlbook.ru/index.php?showtopic=7894

это совершенно не относиться к данной теме....

все мои попытки приводят либо к такому варианту (если position: relative;):

или к такому (если position: absolute;):