Html 选择框的高度在ie7中增加

嗨，伙计们，我在用标签、输入和选择字段构建表单时遇到了一个问题。 我想要的是将它们都放在一行垂直对齐的中间，在一个容器DIV中，所有它们都具有相同的高度，并且可能为所有它们设置边框样式

我在firefox IE8中实现了这一切，但如果切换到兼容模式，我有：

-选择框会增加其高度 -选择框将丢失我应用的边框样式1px纯红 -标签和选择然后向下移动，使其顶部边框与输入边框对齐 为什么会发生这种情况？我该如何解决？ 谢谢 卢卡

这就是密码=

<div class="searcher" >
    <form>
        from:<input type="text" value="2011/02/22" />
        <input type="image" src="../img/cal.png"  width="16px" height="16px" style="vertical-align:middle;"/>
        to:<input type="text" value="2011/02/22" />

        <select style="width:110px;border:1px solid #F60;vertical-align:middle;">
          <option value="">sport</option>
          <option value="">gastronomy</option>
          <option value="">art&culture</option>
          <option value="">leisure</option>
          <option value="" selected="selected">All categories</option>
</select>
<select name="" style="width:90px">
        <option value="" selected="selected">Rome</option>
</select>
<a href="">search!</a>
       </form>
    </div>

/*AND CSS*/
html, body, span,a, applet, object, iframe, h1, h2, h3, h4, h5,div, h6,  
p,blockquote,pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins,  
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, 
dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,tr,
th,input, td {border: 0 none;margin: 0;padding: 0;}

html{overflow:auto;}

.searcher{float:left;height:38px;width:610px;padding:6px 15px 8px 15px;margin:30px 15px 0 0;}

body{font:13px Arial, Helvetica, sans-serif;cursor:default;padding:0; font-weight:bold;}
form{display:inline;}

---

最好的做法是使用重置样式表，这样可以将所有浏览器重置为相同的“无样式”，然后在单独的样式表中创建样式。

什么选择框，表单在哪里？我没有看到任何代码！：D请发布一些代码，以便我们可以更仔细地了解您的问题：并开始接受您以前问题的一些答案，以便我们觉得在将来回答您的问题是值得的。我们很想帮助你，但我们也希望得到一些荣誉我确实应用了重置样式Alex，但是如果我在兼容模式下通过IE8运行页面，就好像每个页面都有一种额外的填充..也许我遗漏了一些东西我注意到你的CSS中有一些重置，但是你尝试过包括重置样式表吗？上面的负载可能会影响IE8中的填充