css - Rotation error in overflow div IE 8 -
i have div contains image have rotate whenever user click zoom bottom. once user click link, div holds image display in 100 z-index(to top). image has container in div when zooming in, scrolls bars appers(which means div holds image overflow:scroll;)
but here problem:
if user zoom image 300, scrolls activate but, once click rotate, x scroll doesnot appear, causes displaying part of image. if image'withd bigger div container, overflow:scroll, x scroll should let me scroll left or right see image entirely.
here in-live example:
here code:
css:
#img_container { overflow-x:scroll; overflow-y:scroll; position:relative; width:800px; height:500px; } /*the rotation code*/ #rotate_80deg { filter: progid:dximagetransform.microsoft.basicimage(rotation=1); }
html:
<div id="image-viewer"> <div id="image_container><img src="src..." /> </div>