Mam problem. W tle strony chciałbym wstawić 3 obrazki:
obrazek1-header, bez powtarzania
obrazek2-z powtarzaniem repeat-y dostosowany do wysokości automatycznie w zależności ile będzie tekstu.
obrazek3-bez powtarzania, na samym dole jako stopka.


zrobiłem diva o id=nag_info1 i wstawiłem taki kod css:

[HTML] pobierz, plaintext 
.nag_info1 {
    background-image: url(images/tlobg1.png), url(images/tlobg3.png), url(images/tlobg4.png);
    background-position: no-repeat, repeat-y, no-repeat;
	width: 900px;
	height: auto;
	padding: 30px 50px;
	margin: auto auto;
}
[HTML] pobierz, plaintext 

niestety efekt jest taki, że pojawia się tylko obrazek1 i się potwarza na osi x i y. Czy ma ktoś jakieś dobre zrozwiązanie, które będzie interpretowane dobrze przez większośc przglądarek?

Nie background-position, a background-repeat, background-position to pozycja obrazu tła.

zorbiłem to tak

[HTML] pobierz, plaintext 
.nag_info1 {
    background: url(images/tlobg1.png) no-repeat, 
		url(images/tlobg3.png) repeat-y, 
		url(images/tlobg4.png) no-repeat;
		width: auto;
	min-height: 800px;
	padding-top:30px;
	margin: auto auto;
}
[HTML] pobierz, plaintext 

Problem jest taki, że obrazka tlobg4 w ogóle nie widać(przykryty jest obrazkiem tlobg3).. :/

Ale to nie jest id diva, tylko class.