css - オーバーフロー div IE 8 の回転エラー

Question

ユーザーがズームの下部をクリックするたびに回転する必要がある画像を含む div があります。ユーザーがリンクをクリックすると、画像を保持する div が 100 z-index (上部) で表示されます。画像には、ズームインするときにその div にコンテナーがあり、スクロール バーが表示されます (これは、画像を保持する div が overflow:scroll; であることを意味します)。

しかし、ここで問題：

ユーザーが画像を 300 にズームすると、スクロールがアクティブになりますが、クリックして回転すると、X スクロールは表示されず、画像の一部だけが表示されます。image'withd が div コンテナー (overflow:scroll) よりも大きい場合、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>