html - CSS: How to set image width larger than the container's

Question

My task is simple, yet I cannot seem to complete it.

I have a div container with size of say 100px by 100px. It's position is set to relative, inside I have an image with position set to absolute 0 0. I want to set the size of the image to be 200px by 200px with CSS. What is cut out of the div will easily be hidden by setting overflow: hidden.

The problem here is that neither Chrome nor Mozilla will let me set an image size larger than the container's.

If it matters, the container lives inside another one with overflow: hidden

Answer 1

Works fine for me (demo)

#wrapper
{
  width:100px;
  height:100px;
  overflow:hidden;
}

img
{
  width:200px;
  height:200px;
}