How to shift a background image with css

Question

I wanted to put a border around a table which has a background image. The border works fine, but when I do this (it is an 8px border) the background image gets cut off by the border. Am I able to shift the background image to start 8px to the right and 8px down?

Answer 1

You can use the background-position:

background-position: 8px 8px;

Answer 2

you could also use some short hand.
background: <colour> <image url> <repeat> <top> <left> <scroll>

for yours i'd be thinking something like:
background : transparent url(<location to img>) no-repeat 8px 8px scroll;