How can I clip the contents of a child element using background-position?

Question

I want to create a div with a style that clips all children's bounding boxes to a certain region(and simply cropping out anything not in the bounding box). In my case, a child is using the background-position CSS property to position itself(and I want to clip this element). I've tried doing the following:

1. Setting the width and height properties of the divto the bounding box, and setting overflow to hidden.

2. Setting the clip property of the div

Neither has worked. Any ideas on alternate approaches?