Repeating foreground picture

[Thanatos]

This is the same problem as someone else. I have a gif image(http://www.boomspeed.com/sfhelpers/backgrounds/83.gif#) that I put on my xanga, and I want to make in show up on top of a different background image(which I think just needs to be transparent). The other problem, is when I use the code I have now(below), the gif only covers the right side of the page. I don't know how to control the width. Does anyone know how to fix these problems? I know its just a matter of writing the code correctly, but I don't know how.

<style type="text/css">
html {
background:#fff;
background-image: url(img.gif);
background-repeat: repeat-y;
background-position: left top;
height:100%;
margin:0;padding:0;
}
body {
background-image: url(img.gif);
background-repeat: repeat-y;
background-position: right top;
height:100%;
margin:0;padding:0;
}
</style>

[astralrose]

Hi,

try putting your all your code in the body element and remove the html element, body is always more reliable. Also sometimes code works better if you put in a p element but dont forget to include your <p></p> in your html page!

regards

Donna x

[chinchilla2]

background-repeat: repeat-y; repeat-x

[GavinPearce]

background: url(img.gif) #fff repeat-y repeat-x top;