Internet explorer 滴管过滤器<;输入>;字段插入符号位置错误

Internet explorer 滴管过滤器<;输入>;字段插入符号位置错误,internet-explorer,css,Internet Explorer,Css,我在上使用的是仅IE的过滤器dropshadow,但这会影响其中输入和文本区域字段的插入符号/文本光标位置 HTML: <div id="box"> <input type="text"/> </div> filter: progid:DXImageTransform.Microsoft.DropShadow( OffX=-8, OffY=-8, Color='#00ff0000', Positive='t

我在
上使用的是仅IE的过滤器dropshadow,但这会影响其中输入和文本区域字段的插入符号/文本光标位置

HTML:

<div id="box">
    <input type="text"/>   
</div>
filter: progid:DXImageTransform.Microsoft.DropShadow(
    OffX=-8, 
    OffY=-8, 
    Color='#00ff0000', 
    Positive='true');
可以在上看到一个实例(该bug仅在IE中可见)

有没有人对解决办法有什么想法


编辑:这个错误在IE8和IE9中很明显。我还没有试过IE10。一次快速的尝试告诉我,当应用dropshadow时,IE7甚至不允许我输入字段,但这也可能是JSFIDLE-不知道,也不在乎:)

我已将以下代码添加到CSS中:

#box input, #box textarea
{
    position:relative;
}

这解决了我的问题。请参阅modified fiddle:

这在我的设计中引入了一系列新问题,但它很好地解决了基本问题。非常感谢:)