How to clip an element's background to display only a part of the image?

Viewed 2010

For clarification look at the following images.
The first one is what I intend to achieve. It's a text input element with two background images, one on each side.
The second image is the sprite image containing the icons I need.
Now my question is, is it possible to clip a background image to only display a portion of the image? Furthermore is it possible to use it with multiple backgrounds?

1st image:
enter image description here

2nd image:
enter image description here

4 Answers
Related