repeat-y background image difficulties

[chrisvandergaag]

Hello All,

I have to no avail searched for a solution to my problem... I want a repeat-y but i want to specify where on the x-axis it should start!

I'm currently using this:

body { background: url(images/bg/body_main.png) repeat-y top center; }

I've tried changing 'top' to a number but this didn't work.

here is the page in question:
<snip>

it's a heavily modified wordpress template. the body and html both have background images which gives me a lot of flexibility, but given that the theme designer did things so that container margins and background color are a product of the background image, I don't want to monkey with it too much, I just want it to start lower in the page (so that it's not behind my header.

Please help! I've tried everything I can think of.

Best, Chris

[edited by: swa66 at 10:06 pm (utc) on July 10, 2009]
[edit reason] No URLs please see ToS and forum charter [/edit]

[swa66]

I have to no avail searched for a solution to my problem... I want a repeat-y but i want to specify where on the x-axis it should start!

Directly in CSS this is impossible as far as I know, you'll need elements that cover where you want the background or other elements that cover the parts of the background you want to hide.