background position x&y in Mozilla?

[Sypher_5]

Probably been asked a million times, but I searched before I joined up and hit nothing.

IE Supports background-position-x: & background-position-y:

I'm wondering if Mozilla or other browsers have something similar so I can align a no repeating background to the right.

[Nick_W]

Hi, welcome to WebmasterWorld!

Have you tested? - All modern browsers support the background-position [w3.org] property ;)

Nick

[Sypher_5]

I checked it in Mozilla and the background images aligned to the left, while I was trying to get them to align right. It gets everything else right except the alignment.

.conth1 {
background-color: #000000;
background-image : url(conedge.gif);
background-repeat:no-repeat;
background-position-x:right;
background-position-y:top;
color:#ffffff;
padding:2px;
padding-left:10px;
padding-right:14px;
font-family: tahoma, serif family;
font-size:12px;
font-weight:bold;
text-decoration:underline;
}

Something messing it up? Something Mozilla doesn't like? I havent checked Opera as I have yet to install it after a harddrive failure.

------

While I'm at it to save another thread, I'll ask how do you get it so the when the CSS refers to an image url that it looks in its in relation to its location first? What I mean is I have two sites, one sites CSS sits in the sites root and refers to a folder called site/ for the images ( EG: site/bg.gif ) and this works over the whole site no matter how many levels you go into it. However on the other site the CSS is in the folder called site/ along with all the layout images. In order for the images to appear I have to refer to the full url of the image "http://subdomin.site.net/site/bg.gif" or they wont appear when going into it further. Now the second one is in PHP and XHTML ( for alternate css switches ) while the first is SHTML ( though the server still pases HTML as SSI ).