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

Question

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

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中可见）。

有人有什么变通办法吗？

edit：这个错误在IE8和IE9中很明显。我没有试过IE10。一次快速的尝试告诉我，当应用dropshadow时，IE7甚至不允许我在字段中键入，但这可能只是jsfiddle-不知道，也不在乎：）

Answer 1

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

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

这解决了我的问题。请参阅修改后的小提琴：http://jsfiddle.net/keaukraine/XxBsE/