Forum Moderators: not2easy
I have a div with an inline style, absolute position, fixed width and height with overflow set to hidden. Within that div I have an absolutely positioned image. This allows me to scroll the image around within the div and have the content of the image masked by the div:
<div ID="box2" style="position: absolute;top: 10px;left: 10px;width: 200px;height: 300px;background-color: #eeeeee;border-style: solid;border-color: #000000;border-width: 2px;overflow: hidden;z-index: 70;"><img src="myImage.jpg" id="image1" alt="" style="position: absolute;left: 0px;top:-5px;border: none;width:400px;height:500px;"></div>
In all browsers, this works perfectly, EXCEPT Opera 7.5, on both Windows and Mac. The top and left borders of the wrapper div of covered by the image. If I click my scrolling buttons that move the photo down, it is evident that the borders are there, but for some reason, Opera doesn't place the photo entirely WITHIN the div.
Any ideas? Is this a known issue to which I could not find an answer?
Thanks!
