IE8 + overflow: hidden + DXImageTransform.Microsoft.Matrix で 1px はみ出る

IE8 では、overflow: hidden がちゃんと実装されていないようです。

<!DOCTYPE>
<html><head><title></title><style>
.frame {
  position: absolute;
  width: 180px;
  height: 130px;
  overflow: hidden;
}
.matrix {
  -ms-filter: 'progid:DXImageTransform.Microsoft.Matrix(M11=0.99862,M12=-0.05233,M21=0.01570,M22=0.29958,Dx=20,Dy=6)';
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.99862,M12=-0.05233,M21=0.01570,M22=0.29958,Dx=20,Dy=6);
}
</style></head><body>
  <div class="frame" style="top: 10px; left: 10px">
    <div class="matrix" style="position: absolute">
      <img src="rhino.jpg" />
    </div>
    <div style="positon: absolute; background-color: skyblue">
    clipping area<br />
    clipping area<br />
    clipping area<br />
    clipping area<br />
    clipping area<br />
    </div>
  </div>
  <div class="frame" style="top: 120px; left: 10px">
    <div class="matrix" style="position: absolute">
      <img src="http://uupaa-js-spinoff.googlecode.com/svn/trunk/uupaa-excanvas.js/demo/images/rhino.jpg" />
    </div>
    <div style="positon: absolute; background-color: skyblue">
    clipping area<br />
    clipping area<br />
    clipping area<br />
    clipping area<br />
    clipping area<br />
    </div>
  </div>
</body></html>

上記の HTML を IE8 で表示するとこのようにレンダリングされます。
# rhino.jpg を http://uupaa-js-spinoff.googlecode.com/svn/trunk/uupaa-excanvas.js/demo/images/rhino.jpg からダウンロードして、ローカルPC に保存してから実行してください。

↓ローカルPC 上のファイルを表示すると、右側に 1px はみでてる

↑ネットワーク上のファイルを表示すると、はみでてない(ように見えるけど…)