Css 为什么我的部门有额外的填充？

我已经为所有浏览器编写了我的网站，但是IE当然有问题。特别是只有IE 7。我希望找到一个解决方案，来解释为什么它会有两个问题，以及我可以添加什么，以便IE能够正确地显示它

“我的提交”按钮与它们包含的div的底部对齐

用于搜索字段的“提交”按钮的CSS

#searchform { /*container widget */ position: relative; left: 15px; width: 97%; height: 30px; background-color: #f3f3f3; border: 2px solid #742222;}

#searchform label { display: none; }

#searchform input#s { width: 75%; height: 20px;}

input[type=text],input#s { margin: 0 10px 0 0; width: 60%; }

#searchsubmit{ position: relative; float: right; width: 30px; height: 30px; text-indent: -999px; background: url(http://averylawoffice.ca/img/SEARCH-submit.jpg) center; border: 0px;}

---

此CSS适用于除IE版本7以外的所有浏览器。有没有一种方法可以使其顶部对齐而不必绝对定位

我通过左浮动文本框，成功地将提交按钮向上移动（到正确的位置）

.subscription_email {
    ...
    float: left;
}

搜索文本框也是如此：

#s {
    ...
    float: left;
}

---

通过进行这些更改，生成的演示文稿将与Firefox完全相同。

您不能将URL发布到该页面吗？这些问题最好通过浏览器的开发工具进行现场调查。@ŠimeVidas：几乎可以肯定。我记得在前面的一个问题中发布了URL。如果您向包含该输入元素的div添加位置相对规则，删除输入元素上的右浮动规则，并向输入元素添加位置绝对值、顶部0px和右侧0px，会怎么样？如果除IE7外所有操作都正常，把IE7用户重定向到Chrome或Firefox下载页面怎么样？谢谢大家的评论，thrirtydot发现了这一点，我有一个空的div导致了它。唉，IE总是很简单的。总有一天我会找到窍门的。谢谢你能帮我解决我和IE的最后一个问题吗？这似乎是推动标志，链接和横幅下来，我不知道为什么。我的padding和margin设置为0，但它正在做一些事情……你知道它为什么这样做吗？@Amber:差距来自

。哇。嗯。新手犯的错误。谢谢你，三十点。@Amber是的！它是插入到

#主导航

元素前面的标题元素。它是空的，所以只需隐藏它：

header{…display:none；}

谢谢大家！我很高兴能在这个网站上完成！这是我与它的最后两个问题！！谢谢