段落内のボタンでフォーム要素を選択して整列する問題？

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にコピーしました。選択と送信ボタンは、ff、chrome、ie9にうまく整列しています。

http://jsfiddle.net/PTF3Q/

どうやらあなたがこれを引き起こして供給していないいくつかのコードがあります - あなたは、ページへのライブのURLを持っているのですか？

ない場合は、試みることができる：vertical-align: middle;