为什么背景图像被长文本覆盖

Question

我有该字段的文本字段和背景图像样式。以下是应用的样式：

.leftPaneContent INPUT {
    background-color: #FFFFFF;
    background-image: url("../images/icon-search-large.png");
    background-position: 4px 3px;
    background-repeat: no-repeat;
    border: 1px solid #D1D1D1;
    height: 14px;
    margin: 5px 0 5px 3px;
    overflow: hidden;
    padding: 2px 10px 4px 23px;
    width: 85%;
}

即使在文本字段中输入长值，图像也能在FF中正确显示。而图像在IE中被覆盖了很长的值。

问题可以在IE中的下图中看到

这是否有解决方法？

Answer 1

text-indent没有解决IE中的问题。因此，我不得不将图像移出文本字段并将其包装在div :)中。