Opera overflow error: hidden and position: absolute viewport size

Question

I encountered an error in Opera (v10.63 on Windows7) - not the first time, but this time I do not see a workaround ...

I have a container div with overflow: hidden. Inside this div there is a second div (image holder) with position: absolute and image. → The part of the image that is larger than the container must be hidden (I do not want this image to affect the scroll bars)

What Opera is wrong with is the size of the viewport:
Instead of using the size of the container to calculate the size of the viewport, Opera calculates it using the size of the image holder (-> I get scroll bars).

-

Here is a link to my site (image in the lower left corner):
http://lescaves.ch

I found the following article reporting an error (but not providing any solution):
http://www.greywyvern.com/code/opera/bugs/OverflowPositioning

-

Does anyone have experience with this or know a fix / workaround?

Thanks
Julian

Answer 1

Try adding position: fixedto the tag <img>(not the #image selector).