css - DropShadow IE过滤器<input>字段插入符号位置错误

我在<div>上使用仅IE过滤器的阴影，但这会影响其中的输入和文本区域的插入符号/文本光标位置。

HTML：

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

CSS：

filter: progid:DXImageTransform.Microsoft.DropShadow(
    OffX=-8,
    OffY=-8,
    Color='#00ff0000',
    Positive='true');

可以在http://jsfiddle.net/Xg8Lb/2/上看到一个实时示例（该错误仅在IE中可见）。

有没有人有解决办法的想法？

编辑：该错误在IE8和IE9中显而易见。我没有在IE10中尝试过。快速尝试告诉我，在应用dropshadow时IE7甚至都不会允许我在字段中键入内容，但这也可能是jsfiddle-不知道，不在乎:)

最佳答案

我在CSS中添加了以下代码：

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

就我而言，此问题已解决。请参阅修改过的小提琴：http://jsfiddle.net/keaukraine/XxBsE/