Problem z dwoma obrazkami nałożonymi na siebie w topie

[woren94]

A więc jestem początkujący i mam problem. Czytam 2 kursy css ale nie nie rozwiązują mojego problemu. TOP1 jest to pasek o szerokości 1px powtarzany. Top2 ma być nałożony na top1. Próbowałem. Niewiele mi wyszło...

tu próbowałem z divami

#top1 {
background: #F5F5F5 url("xxxx.gif") repeat-x scroll center top;
}
#top2 {
backround: url("xxxx.jpg") center top;
}
h1 {
	color: #990000;
	background-color: #FC9804;
}

a tu bez

body {
background: #F5F5F5 url("xxxxx.gif") repeat-x scroll center top;
}
body {
backround: url("xxxx.jpg") center top;

h1 {
	color: #990000;
	background-color: #FC9804;
}

Proszę o pomoc. Z dopiskiem gdzie umieścić (body czy head)

[MuchaChucha]

Spróbuj użyć stylu CSS

position: relative; top: 0px; left: (tu podaj odległość od lewej strony)

albo:

position: relative; top: 0px; left: (tu podaj odległość od prawej strony)