Dwa powtarzające się tła w CSS

Witam męczyłem się nad tym 2 godziny szukałem w internecie ale nie mogłem znigdzie znaleŹć dlatego pojawił się ten temat.

Chce ustawić dwa tla jedno u góry jedno na dole. Z tym, że te u góry ma się powtarzać tylko w lewo i prawo. Czyli w pęteli.
I drugie ma się powtarzać od razu pod tym pierwszym w dół i prawo. Tak żeby tło dolne stanowiło całe forum, a to górne tylko przy logu.

body { 

	background:url(images/pageBG.gif)  repeat-x;
	
	margin: 0px auto;
     background:url(images/tlo.png)  repeat-x;
	
	margin: 0px auto;



}

Nie znam się zbytnio na tym ale dla obeznanych nie powinno to stanowić problemu? Czytałem coś o podzieleniu strony na dwie częsci ale nie było wyjaśnienia.

Jeśli się zbytnio nie znasz to w ten sposób tego tła raczej nie zrobisz. Dopiero CSS3 pozwala na stosowanie różnych podkładów w jednym elemencie. Propozycja podziału strony na 2 różne części byłaby najlepszym i najprostrzym rozwiązaniem. Nie wiem jak wygląda to forum ale jeśli górne tło ma być tylko przy logu to wstaw logo w jakiegoś div-a do któego podepniesz tło a dla reszty strony wstawiasz to drugie tło.

http://minecrafteasy.pl/index.php

Tak wygląda forum. Oddal sobie stronkę i będziesz widział co sie powtarza, a chce zamiast tego białego tła dać inne.

Tą pierwszą tabelę gdzie masz menu wstawiasz w div-a i podpinasz pod niego to tło której jest teraz przez 'background-image'. Dla reszty strony wstawiasz tło z body jak to teraz zrobiłeś.

Czyli umieścić to w pliku w którym mam tabele to 1, a tło na reszte?

<div style="background-image: url(images/pageBG.gif)  repeat-x;">
<table ....>
...
</div>

body { 
     background:url(images/tlo.png)  repeat-x; 
     margin: 0px auto;
}

Z tym, że ten plik który jest odpowiedzialny za logo itd. jest to plik TPL

<DIV CLASS="headerBox">
<A NAME="top" HREF="index.php" ID="logo"><IMG BORDER="0" SRC="templates/subSilver/images/logoBlue.png" /></A>

to jest logo. Nie mam pojęcia jak to zrobić ;/

Próbowałem to jakoś zrobić i nic nie wyszło:/ Wie ktoś może jak to zrobić?

body { 
        background:url(images/pageBG.gif)  repeat-x;
}

html {
     background:url(images/tlo.png);
}

Z tym, że drugie tło też ma być w pętli

Bardzo przepraszam jednak to działa. Dziękuje bardzo.