backgroundPositionY

backgroundPositionY


Am I referencing to it the wrong way?
$(".right > li > a").hover(
function () {
$(this).css({ backgroundPositionY:"0" });
},
function () {
$(this).css({ backgroundPositionY:"-8px" });
}
);
I have some li containing each a a(link) tag (block, whose background
images are top shifted of 8 px).
With the above code, I'd like to shift down the bg image on mouseover
and go back on mouseout.
I verified that the traversing is right, simply using another property
(opacity) and it works.
So it must me the name of the property to be wrong, but I checked and
it seems right. I also tried using the name instead of the property
(ie: background-position-y, of course changing the sintax) but without
results.
Nothing happens, no errors from firebug.
Any hint?
Thanks