对齐问题与按钮和段落内的选择表单元素？

Question

我的标记看起来像这样：

<p>
   <select></select>
   <input type="submit" id="submit" value="submit" name="submit" />
</p>

这是CSS：

//No specific styles for the select element nor inherited ones.

#submit {
    background: url("images/img.png") no-repeat scroll 0 0 transparent;
    border: 1px solid #FFFAEE;
    cursor: pointer;
    height: 34px;
    margin-left: 30px;
    width: 145px;
}

问题是提交按钮位于select元素上方几个像素。这是一个截图：

这种情况发生在Webkit浏览器和IE中，但不会发生在Firefox中。

Answer 1

我将你的代码复制到了jsfiddle中，而select和submit按钮在ff，chrome和ie9中很好地对齐。

http://jsfiddle.net/PTF3Q/

显然有一些你没有提供的代码导致这个 - 你有一个网页的实时网址吗？

如果没有，您可以尝试：vertical-align: middle;