background-position issues.

[MisturMan]

Hey. I need to set my background position and it's pretty easy if I make sure the background is unrepeated, however I need the background to "repeat-y".

Every time I set the position it just springs to the top, is there any efficient way of repeating a background and setting its position?

e.g:

I want to set the position of the background to 50px down with:
background-position: 0 50px;

If I now change background-repeat to:
background-repeat: repeat-y;

it then goes across the whole div, whereas I need to to repeat from 50px downwards.

[MisturMan]

I dont mind using javascript if theres a way to do it that way, I just need to find a solution.

edit:
Searched around for a bit and it seems there is no solution. :(

[Colin-Roberts]

css..

body {
background:url(images/bg.png) repeat-y;
margin-top: 50px;
}

[MisturMan]

That wouldn't be the solution. I've already got a background image and adding a margin to the top wouldn't help anything.

[Colin-Roberts]

instead of doing it as background you could do it as a div...

[MisturMan]

then how do I add another background? :D

[MisturMan]

then how do I add another background? :D

Ignore this. I've worked out how to do it, thanks!