jquery - JS スクリプトはほとんどシフトしません。どうすれば回避できますか?

Question

いくつかのフォームがあり、検証が失敗した場合、Jquery はエラー メッセージを先頭に追加します。ユーザーがフォームをもう一度クリックすると、エラーがフェードアウトします。ここに問題があります。エラーのフェードアウトにより、フォームが少し上に移動します。これは大きな問題ではありませんが、見るたびに本当にイライラします。CSS で遊んで、別の margin-top などを設定して修正しようとしましたが、何も役に立ちません。アドバイスありがとうございます。

Jクエリ:

$('body').delegate("input#email",'focus',function(){
        $('#errors_of_sign').remove();});

$('body').delegate("input#password",'focus',function(){
        $('#errors_of_sign').remove();});

CSS:

.sign_in {
    display: none;
    position: fixed;
    top: 30%;
    left: 28%;
    border-style: solid;
    border-width: 3px;
    border-color: #c1ffc6;
    background: #fff;
    padding: 2%;
    width: 40%;
    height: 25%;
    font-family: Arial, sans-serif;
    z-index: 9999999;
    font-size: 14px;


}
.signs_form{

    font-family: Arial,Liberation Sans,DejaVu Sans,sans-serif;
    display: inline-block;
    border-right-style: solid;
    padding-right: 10%;
    border-width: 1px;
    border-color: #c1ffc6;


}
.fb_sign {

    display: inline-block;
    vertical-align: 100%;
    margin-left: 10%;


}
#sign_in_fb {
    vertical-align: 100%;

}