Question

Here’s the code I’m currently working with: http://jsfiddle.net/gEMCm/

I’m trying to make an image appear at its original height and width, but to only be visible inside a specific element (the green-bordered one in the fiddle), and to also make the image movable while still only being visible within the specific element. An example of something that works the way I want this to work, is Facebook’s way of letting you set a profile image. When you set an image as your profile image on Facebook, it lets you move the image around and choose a specific area of it to be visible. I want to do something like that.

Answer 1

Demo

Add overflow: hidden; to the wrapper div.