Firefoxでの入力内のテキストの垂直方向の整列 - Windowsのみ

Question

これはおそらく単純な修正ですが、PC上のFirefoxでテキストを垂直に整列させる方法がわかりません。

私は常に中央に使用しているこのテキストを使用しています：

input.input_search_bg { 
    background: url("../images/input_search.png") no-repeat scroll 0 0 transparent; 
    border: 0 none; 
    color: #145D94; 
    float: left; 
    font-size: 13px; 
    height: 26px; 
    line-height: 26px; 
    margin: 0 7px 0 0; 
    padding: 0 8px 0 7px; 
    width: 266px; 
} 

私はそれを中心に行の高さを持っており、Mac上でそれは素晴らしい見えます。しかし、PC上でFF 3.0をテストすると、それは一直線ではありません。どのようにこれを修正するための任意の考え？

そのセクションのHTML：あなたがプレイしているhttp://www.cssnewbie.com/input-button-line-height-bug/

：

  <div class="top_search"> 
       <form> 
        <div class="search_box"> 
         <input type="text" value="Search" class="tog input_search_bg" /> 
        </div> 
        <input type="submit" class="search_submit_btn" /> 
       </form> 
      </div> 

Answer 1

悲しいことにFirefoxが（すべてのバージョンを知りません）input要素に独自の行の高さを指定することはできません。 font-sizeおよび/またはpaddingである。

Answer 2

は、

input.input_search_bg { 
    background: url("../images/input_search.png") no-repeat scroll 0 0 transparent; 
    border: 0 none; 
    color: #145D94; 
    float: left; 
    font-size: 13px; 
    height: 26px; 
    line-height: 26px; 
    margin: 0 7px 0 0; 
    padding: 0 8px 4px 7px; 
    width: 266px; 
}