Positioning a background image from the right rather than left - background-image

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.

Answer 2

You can always edit the image to give you 5px of alpha-transparent spacing on the right, and then use:
background: url(/img/shd/spacer.png) no-repeat fixed right;
As suggested in Hignesh's answer.
I know it sounds like a hack, but that should certainly work. Either that or specifying a container div of a fixed width, and placing an inner div of (parent width - 5px), and make sure it's pinned to the left side, with the image to the right as designated by the above CSS.

Answer 3

background-position: right 5px center;
or
background: url(/img/shd/spacer.png) no-repeat fixed right 5px;

Answer 4

try using this table instead I think this should work according to your need :P
<table border="2" align="center" cellpadding="0" cellspacing="0" height="100%" width="100%">
<tr height="100%">
<td style="background-image:url('http://www.dvd-ppt-slideshow.com/images/ppt-background/background-31.jpg'); background-position:right; background-repeat:no-repeat; " height="100%" ></td>
<td style="width: 10px;"></td>
</tr>
</table>