溢出div IE 8中的旋转错误

Question

我有一个div包含一个图像，只要用户点击缩放底部就必须旋转。一旦用户单击该链接，保持图像的div显示为100 z-index（到顶部）。图像在该div中有一个容器，当放大它时，滚动条会出现（这意味着保存图像的div是溢出的：滚动;）

但问题在于：

如果用户将图像缩放到300，则滚动激活但是，一旦单击旋转，X滚动就不会出现，这会导致仅显示图像的一部分。如果imagewithwith大于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>