asp.net - 任何人都可以找出这个CSS对齐问题吗？

我在用ASP.NET创建的页面上有一个搜索文本框和两个图像按钮。
当我使用IE8、Google Chrome或Opera查看页面时，文本框与两个图像按钮不对齐。按钮看起来比文本框高，我不知道为什么。
以下是关键标记：

<div id=searchbar>
    <div id=Panel1
        onkeypress="javascript:return WebForm_FireDefaultButton(event, 'btnSearch')">
        <input id=txtSearch type=text name=ctl00$txtSearch>
        <input id=btnSearch title=Search src="Test_files/search.png"
            type=image name=ctl00$btnSearch>
        <input id=btnAdvanced title="Advanced Search" src="Test_files/adv.png"
            type=image name=ctl00$btnAdvanced>
    </div>
</div>

注意：我知道这里有一些奇怪的东西，比如id周围没有引号。但在我的资料中有一些引述。上面的代码片段是从IE中保存内容的，它对标记做了许多更改。
如果有人愿意看的话，我也在http://www.blackbeltcoder.com/Test/Test.htm上发布了同样的代码。问题在于顶部附近黑条右侧的搜索控件。
谢谢。

最佳答案

尝试

vertical-align:text-bottom;

在太高的元素上。这是一个常见的问题。如果不完全正确，也可以尝试该CSS属性的其他选项。看看here