HTML background image offset by x pixels from the center

Question

I\'d like to put an image as the background of a webpage but have it offset by some number of pixels with respect to the center.

How can I do this?

I want:

Answer 1

My answer gotta be too late but somehow I've found another solution.

padding-left: 100px; /* offset you need */
padding-right: 100%;

or

padding-right: 100px;
padding-left: 100%;

The examples have the same effect.