Как microsoft.ru

Как сделать такой "парный" градиент серх и снизу как на заглавной странице microsoft.ru?

Понятно что тобы сделать односторонний градиент, делаем нужный рисунок с градиентом, в css пишем repeat x, и все прекрасно. Но, если нужно снизу сделать "обратку" верхушке, да и еще чтоб сраница растягивалась на сколько угодно по вертикали, и в середине оставалась пустота, а граиенты были прилеплены к верху и к низу, как это сделать?

У них страница всегда имеет стадартную высоту, и есть мнение что это у них просто картинка заранее известного размера. А у меня нет воможности заранее знать высоту страницы, и приходится использовать два обратных друг другу градиентных изображения, но как их прилепить каждого к своей стороне и потом еще страницу растягивать?