This is what I have I have background-image: url(images/text003.jpg); set as the main wall paper. I need background-image: url(images/pastels.png); to be centered in a table this is suppost to act as a table background only. when I set layer3 as 25% L 50 width it looks great and will validate. The problem is with my browser width accessiblity. Its all over the place. At different width
When I put layer3 at 0% L 100% width is covers the wallpaper from layer2. How do I get it to display properly and also be browser friendly and validate?
#Layer1 {
position:absolute;
width:105%;
height:115px;
z-index:3;
left: 0%;
top: 0%;
background-image: url(images/pastels.png);
#Layer2 {
position:absolute;
width:105%;
height:1050px;
z-index:1;
left: 0%;
top: 18%;
background-image: url(images/text003.jpg);
background-repeat: repeat;
background-color: #E0DFE3;
}
#Layer3 {
position:absolute;
width:100%;
height:943px;
z-index:1;
top: 10%;
left: 0%;
background-repeat: repeat;
background-image: url(images/pastels.png);