CSSボタンブラウザの問題（背景イメージ）

Question

私はここで少し問題があります。私が何をしても、chromeとfirefoxはこのcssコードを違うように見せます。クロムのボタン（Logg inn）は少し外れているようですが、マージントップ（マイナスの数字を使用）を使用すると、両方のブラウザがボタンをページの上部に向かって押します。

CSSコード

#top_wrapper #login_form #btn_login { 
     width: 75px; 
     height: 30px; 
     background-image: url('../img/btn/login.png'); 
     border: none; 
    } 

私はChromeのみを対象とする必要がありますか？または私は何をすることができ、どのように私はこれを修正するのですか？どんな助けも素晴らしいだろう！

Chromeで

HTMLコード

<div id="login_form"> 

    <form id="form_login" action="" method="POST"> 

     <input class="form_login" type="text" value="Brukernavn" onfocus="if(this.value == 'Brukernavn')this.value=''" onblur="if(this.value == '')this.value='Brukernavn'" /> 
     <input class="form_login" type="password" value="Passord" onfocus="if(this.value == 'Passord')this.value=''" onblur="if(this.value == '')this.value='Passord'" /> 
     <input id="btn_login" title="Logg inn" type="submit" value="" /> 

    </form> 

    <div id="lost_password_btn"> 
     <img title="Mistet passordet?" src="img/btn/lost_password.png" /> 
    </div> <!-- end lost_password_btn --> 

</div> <!-- end login_form --> 

Answer 1

F12キーを押して、スペースがどこから来ているかを決定するために開発ツールを使用します。

Answer 2

フォームの入力要素を浮かべて問題を修正しましたが、これはなぜ以前にやったのでしょうか。とにかくありがとう。