For my site i am trying to create a texture background that has 2 layers beneath it so that the texture layers looks as it is floating. I created a png file in Photoshop but that's not want i want because its a fixed size and doesn't contract or expand with my content. Below is my png file so u will see the effect i am going for.
I tried creating 3 background images all 40px png files created a div
#apDiv1 {
position: absolute;
left: 208px;
top: 29px;
width: 477px;
height: 437px;
z-index: 1;
background-position: 150px 25px,
155px 29px,
161px 33px;
background-repeat: no-repeat;
}
that works but anytime i set the background-repeat to REPEAT it wont work
Please help guys