IE上的CSS转换。错误的大小计算

Question

为什么在IE和其他浏览器中我的结果如此不同？ IE在转换之前计算转换元素的大小？

＆＃13;

＆＃13;

  .foo {
    width: 300px;
    height: 300px;
    overflow: auto;
    background: #0ff;
    position: relative;
  }
  
  .bar {
    width: 400px;
    height: 400px;
    background: #000;
    transform: scale(0.9) translate3d(-200px, -200px, 0);
    transform-origin: center;
    position: absolute;
    left: 50%;
    top: 50%;
    // margin-top:-200px;
    //rgin-left:-200px;
  }

＆＃13;

<div class='foo'>
  <div class="bar"></div>
</div>

＆＃13;

＆＃13;

＆＃13;