Dwa tła obrazkowe, góra i dół Opcje

[zim00]

Problem:
potrzebuję aby na stronie były 2 różne tła

[HTML] pobierz, plaintext 
html {
	background: url(images/00_tlo_top.png) center top no-repeat;
	padding: 0;
	margin-top: 0;
	}
body {	
	background: url(images/00_tlo_bottom.png) center bottom no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin-top: 0;
	font-size: 12px;
	color: #666666;
}
[HTML] pobierz, plaintext 

Niestety takie rozwiązanie nie działa, w czym problem. Gdy tworzę diva z innym "z-index" przy "position: fixed;" tło zawsze jest na dole i nie przesuwa się razem ze stroną, gdy zrobiłem z absolute i ustawiłem pozycję od góry zawsze jest na tej samej wysokości (a treści na podstronach są różnej długości). Pozatym przy 100% szerokości pojawia się dolny pasek przewijania u musi być 99% i zostają paski bez tła po lewej i prawej stroni.

[HTML] pobierz, plaintext 
#bottom {position: absolute; z-index:0; width: 100%; height: 435px; top: 500px; background: url(images/00_tlo_bottom.png) center bottom no-repeat;}
[HTML] pobierz, plaintext 

Potrzebuję aby dolne tło "podchodziło" zawsze pod część diva z tekstem ale do określonej głębokości i aby przesuwało się wraz ze stroną w miarę przewijania.

P.S.
Przeszukałem kilka tematów na temat tła ale z podobnym problemem się nie zetknąłem.