Here is a full view of the image used ...
This example demonstrates repositioning ("cropping") a single (background) image file within the "window" of a div tag to create the effect of an image rollover.
Try holding the mouse button down to see the a:active state.
The CCS styles for this page are located in the <head> tag of this page, so just view the page source code to see what's going on.