IE7奇怪的偏移空白区域？

Question

我现在正在开发一个网站，我像往常一样有一个标题。但是使用IE7搜索textBox输入时出现问题。当我使用IE开发人员工具查看时，我看到奇怪的LEFT偏移，这就是问题所在。任何帮助赞赏。

This is where you can see the problem

source code(.rar)

Answer 1

添加display：inline;到#searchBox

并添加1或2 px宽度的按钮，问题将得到解决

这个问题出现在IE6＆amp; 7，它被称为双浮边距错误，当你对第一个浮动元素应用保证金时，它的margen在IE6＆amp; 7。

Answer 2

尝试将字段括在div中。 e.g。

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

Answer 3

看起来这是#searchBox - margin: 14px 0 0 97px

上的边距

更改#searchBox上的边距将移动输入字段。