css – How to correctly set the position of my background when working with a sprited image?

I am working on the navigation element of my website and I wanted to add images in the form of clickable links in a vertical list that can be used as navigation element:

The above code works and shows what I want to show (part of the sprite, the house image) when I set the coordinates of the background position on 0 0. But if I set the coordinates on something else, the image does not show. up. How can I correctly display the different parts of the transmitted image?

attached is the image I work with.

Sprite containing the menu items