CSS overflow hidden with absolute position

Question

I\'ve been banging my head on this one. I want to absolute position an image that I will be moving around in a div and want anything that extends outside the div to be clipp

Answer 1

Try adding position: relative to your outer div. This will position the image relative to that div (honoring the overflow style) instead of relative to the page.

Example:

  

    
On top of image.
    

  

See it on JS Bin