css - 溢出 div IE 8 中的旋转错误

Question

我有一个 div，其中包含一个图像，每当用户单击缩放底部时，该图像都必须旋转。用户单击链接后，保存图像的 div 以 100 z-index（到顶部）显示。图像在该 div 中有一个容器，用于在放大时出现滚动条（这意味着保存图像的 div 溢出：滚动；）

但是这里的问题是：

如果用户将图像缩放到 300，则滚动激活，但是，一旦单击旋转，X 滚动就不会出现，这会导致仅显示图像的一部分。如果图像'withd 大于 div 容器，即溢出：滚动，x 滚动应该让我向左或向右滚动以完整查看图像。

这里是现场示例：

这是我的代码：

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>