Positioning a background image from the right rather than left

Question

Is it possible to specify that you want a background image (non-repeating) to sit, say, 5px away from the RIGHT edge?

I know it's possible to do this with CSS, but it defaults to the LEFT edge. I'd like the background image to always sit 5px away from the right edge instead.

CSS

#companyLinks li {
display: inline;
padding-right: 10px;
background-image: url(/img/shd/spacer.png);
background-repeat: no-repeat;
background-position: right center;

Answer 1

@Francesca

Instead writing 3 lines to define background you can use below one line code, which will serves your purpose...

background: url(/img/shd/spacer.png) no-repeat top right;

OR if you want it fix the position in Center then, you can use

background: url(/img/shd/spacer.png) no-repeat fixed right;

You're using two Positioning value, i.e. Center & Right which is creating conflict.

You can use one value for horizontal & one for vertical at a time.