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:

enter image description here

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> 


Popular posts from this blog

How to calculate SNR of signals in MATLAB? -

c# - Attempting to upload to FTP: System.Net.WebException: System error -

ios - UISlider customization: how to properly add shadow to custom knob image -