css - css margin-top は Firefox と Chrome で同じではありません

Question

以下のように、この css スタイルの div があります。

//Search
.input-append{
    text-align:right;
    margin-left:-35px;
    height:20px;
    margin-top:-15px!important;
    input[class*="span"]{
        margin:-2px 0 0 0;
        padding:4px;
    }
    button.btn{
    height:30px;

        margin-top:-2px!important;
            i.icon-search{

                text-shadow:none;
            }
    }
}

両方のブラウザで同じ位置に表示されない理由がわかりません。Chrome では、Firefox よりも少し上に div が表示されます。Chrome ブラウザーで異なるマージントップまたはその逆の場合、if ステートメントを作成するにはどうすればよいですか?

ありがとう