please look at this link
http://sudhakargolakaram.co.in/files/hover.html

as of now i have positioned the arrow image to the top right

what i need is the arrow image from its present location of top right if i want it to move a few pixels from the top or the sides how do i go about as i have already specified top right as an alternative i could use

a{background: url(uparrow.png) no-repeat 5px 800px;} giving an x and y value which will work


however what i want to know is after setting a position like top right in this case can i move the image from this top right a little bit from the top and the sides


thanks

Hopfully I have understood your post correctly.

With the x and y cord's you can use absolute (top, right, bottom, left), percentage (50%, 99% etc) and pixels (5px, 100px etc) or combinations of any ( left 50% etc).

So in your case you need to use pixels if you know the height and width of the element or % if the height and or width changes.

For example:

a { 
     background: url(uparrow.png) no-repeat 95% 70%; 
}

Nope, you cannot do (right - 2px) or (top + 5px).

pixels and percents go from Top-Left corner, so
- either specify it from there,
- crop the image
- or resize container block (play with padding, margins and borders)