css - IE8 - 在缩放的 div 内，闪烁的插入符号显示与文本输入的偏移量

Question

我正在使用 MS Matrix 来缩放包含文本输入的 div。一切都在视觉上正确缩放，但闪烁的插入符号显示偏移。输入的文本仍然出现在正确的位置。

偏移量似乎与应用于包装器 div 的缩放量成正比。

css

#wrapper {
        width: 800px;
        height: 600px;
        filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.86, M12=0, M21=0, M22=0.86, Dx=71.68, Dy=53.7599999999);    
        -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.86, M12=0, M21=0, M22=0.86, Dx=71.68, Dy=53.7599999999)";
    }

html

<div id="wrapper">
    <input type="text" >
</div>