検索ボックスのCSS固定

Question

高さsubmit fieldは、text inputフィールドよりわずかに小さいです。どうすれば修正できますか？

HTMLコード：

<form name="searchBox" id="searchBox" action="#" method="post"> <input type="text" name="query" id="query"/> 
<input type="submit" name="sub" id="sub" value="Search"/> </form> 

CSSコード：

form input[type="text"] { 
height: 28px; 
width: 300px; 
margin: 0; 
padding: 0; 
font-size: 15px; 
border: 1px solid #CCCCCC; 
} 

form input[type="submit"] { 
height: 28px; 
width: 80px; 
margin: 0; 
padding: 0; 
font-size: 15px; 
background-color: #FFFFFF; 
border: 1px solid #CCCCCC; 
} 

Answer 1

あなたが適切に整列するテキスト/提出するフィールドのheightを増減することができます。
例http://jsfiddle.net/2DdA3/