IE7渲染输入文本不正确

Question

我的一位用户遇到了这个奇怪的问题，我似乎无法复制或弄清楚问题。

他报告了很多图像没有正确显示的问题，我可以通过在宽度和高度添加“px”来解决这个问题。似乎IE7无法设置默认单位。

然而，这个问题是我无法弄清楚的问题。

这是两张图片，模糊的是他的（手机图像）。

我尝试过使用IE NetRenderer以及Adobe BrowserLabs但没有运气。我还运行了W3 Validator，只得到了与我的Facebook Like按钮代码相关的错误。

以下是聊天的代码：

  <div id="content">
    <h1>Chat</h1>
        <div style="padding-left: 100px;">
        <div class="wrapper_product"> 
            <div class="wrapper_product_inner">
                <div style="padding-left: 5px; padding-right: 5px;" id="usersOn">
                </div>
                <br />
            </div> 
        </div>
<br />
        <div class="wrapper_product"> 
            <div class="wrapper_product_inner">
                <div style="padding-left: 5px; padding-right: 5px; padding-bottom: 5px; overflow: auto; height: 300px;" class="chatActual" id="actual"><!--COMMENTEED OUT BECAUSE NOT NECESSARY!--></div>

            </div> 
        </div>
        <br />
        <div style="padding-left: 100px;">
    <input type="text" name="message" id="message" value="" style="float:left; padding:6px 10px; width:292px; height:14px; border:none; background:url(http://www.mydomain.com/images/bg-input-2.gif) no-repeat left top;" />&nbsp;&nbsp;&nbsp;<input type="image" name="post" value="Post" id="sendMessage" style="float:left; padding-left: 5px;"  src="http://www.mydomain.com/images/post.png" alt="Post" />
    </div>
    </div>
<!--JAVASCRIPT CODE COMMENTED OUT-->
</div>

我开始怀疑这个问题是否可能是由于使用了padding-left引起的？

Answer 1

我得出结论，IE不喜欢带有图像的输入文本框，只是恢复使用普通的输入文本框。