Positioning transparent img (shadow along page-canvas)

[studentkrubb 0]

Hello, I've created a transparent picture using adobe fireworks, measured accordingly to shader the edges of my #page-canvas, making the look compatible for IE. However, I'm not sure how to add the img url and making it repeat itself alongside the canvas. Do anyone have a solution? Thanks!

[cmunns 16]

what is the css you used? Add repeat-y to the background rule for the selector you used

[studentkrubb 0]

body {
	  background: url("http://media.nysida.studentkrubb.se/2011/03/shadow.jpg");
	  background-repeat: repeat-y;
	  background-position: top-center;
	}

Is the ruling correct? It doesn't seem to be repeating itself. Live link: http://nysida.studentkrubb.se Thanks!

[studentkrubb 0]

I'm guessing I have to add a variable of page-canvas or site? Don't know how to apply it though *unsure*

[kastelic 6]

It almost seems as if its that facebook script that's messing it up because it has a body tag in it. I would validate your site and make sure everythings valid first, or try to specify the main body (like body.home )

[studentkrubb 0]

Tried both solutions but they made no difference in this case. Any other thoughts? Thank you!

[catrina 103]

Which area specifically do you want the background image to appear? Is it the area behind the layout content? Also, the code you posted above should've worked, but I think you just need to change the selector.