Mozilla/Firefoxウェブサイトと比較したCSSの問題

私は検索ボックスを設計しました。Mozilla/Firefoxウェブサイトと比較したCSSの問題

Chrome/SafariとIEでは、必要に応じて表示されます。

ただし、Firefoxでは検索ボタンがインラインではありません。

コードが

.form-search .button { 
left: 356px; 
position: absolute; 
top: 4px;

ばかりのFirefoxのための左と上を設定するコードの-moz-行を追加する方法はありますか？

EDIT - より多くのコードや画像

.form-search { 
    background: url("../images/searchbox.png") no-repeat scroll 0 0 transparent; 
    float: left; 
    height: 40px; 
    margin: 20px 0 0 20px; 
    position: relative; 
    text-align: center; 
    width: 400px; 
    border: 0; 
} 
.form-search .button { 
    position: absolute; 
    left: 356px; 
    top: 4px; 
} 
.form-search .input-text { 
    color: #847D7D; 
    font-size: 1em; 
    font-weight: bold; 
    left: 110px; 
    position: absolute; 
    top: 8px; 
    width: 230px; 
    border: 0; 
}

検索機能のために全体のCSSです。

Firefox display

IE display

おかげ

出典

2011-07-19 sark9012

FirefoxにのみCSSを提供する簡単な方法は*です。しかし、このために*する必要はありません。より良い修正を提案できるように、より多くの "検索ボックス"を表示する必要があります。 – thirtydot

私は質問を更新しました:)入力テキスト部分も同様の問題を抱えています！ – sark9012

[jsFiddle]（http://jsfiddle.net/）デモで問題を表示できますか？それで、それは修正するのが速いはずです:) – thirtydot