Трабл с обратной связью

[Bayanruby]

http://www.gistoryja.ru/template/sendmail/
Если чтото не заполнить и нажать отправить вылазит дин. уведомление о ошибке.
Но перед тем как нажать отправить эта кнопка "Отправить письмо" стоит по середине, если нажать на неё она сдвинется влево, вот не знаю как это исправить.

Вот КСС код

Но чтото не могу найти то что мне надо
Помогите.

Код: [Выделить]

#contact_form {
    font-family: Verdana, Arial, "Times New Roman";
    font-size: 12px;
    color: #666;
}
/** FORM STYLES GENERAL **/
#contact_form input, select, textarea {
    font-size: 11px;
    color:#999999;
    width: 300px;
    height: 28px;
    border: #CCC solid 1px;
/** BORDER RADIUS HACKS **/

}

#contact_form input:hover, select:hover, textarea:hover {
    border: 1px solid #999;
}

#contact_form input:focus, select:focus, textarea:focus {
    border: 1px solid #999;
}

/** FORM STYLE: select **/
#contact_form select {
    padding: 5px 5px 3px 5px;
}
#contact_form select option {
    cursor: pointer;
    padding: 5px;
}
/** FORM STYLE: textarea **/
#contact_form textarea {
    height: 80px;
    width: 329px;
    padding: 4px 2px 2px 4px;
    font-family: Verdana, Arial, "Times New Roman";
}
/** FORM STYLE: input **/
#contact_form input {
    padding: 0 5px 0px 30px;
    background-position: 7px 5px;
    background-repeat: no-repeat;
}

input#send {
    padding:0;
    width:135px;
    height: 23px;
    background: url(../img/contact/send_button.png);
}

input#send:hover {
    border: 1px solid #999;
    color: #666;
}

#contact_form label {
    display:inline-block;
    width: 100px;
    vertical-align:top;
    margin-top: 6px;
}
/** CONTAINER OF INPUTS **/
#contact_form span {
    border:0;
    padding:0;
    margin:0;
    display: block;
    margin-bottom: 10px;
}

#name {
    background-image: url(../img/contact/user_suit.png);
}

#email {
    background-image: url(../img/contact/email.png);
}

#phone {
    background-image: url(../img/contact/phone.png);
}

#ajax_loader {
    display:none;
}

.success {
    border: 1px solid #00CC00 ;
    color:#4F8A10;
    background: #F2FFF2;
    display:none;
    margin-top: 3px;
    font-size: 11px;
    padding: 5px;
    text-align: center;
    margin-bottom: 5px;
/** BORDER RADIUS HACKS **/

}
.error {
    display:none;
    margin-top: 3px;
    font-size: 11px;
    border: 1px solid #FF4F4F;
    color:#D6000E;
    background: #FFF2F2;
    padding: 5px;
    text-align: center;
    margin-bottom: 5px;
/** BORDER RADIUS HACKS **/

}
.warning {
    display:none;
    margin-top: 3px;
    font-size: 11px;
    color: #9F6000;
    background: #FFF9D5;
    border: 1px solid #FFD324;
    padding: 5px;
    text-align: center;
/** BORDER RADIUS HACKS **/

}

#contact_form .noicon {
    padding: 0px 7px 0 7px;
    text-align:center;
}

.cap{
position: relative;
left: 240px;
bottom: 28px;
}

[vladimir]

Это какая-то загадка. Надоело колупаться, но как-то связано с появление сообщения сверху. У того сообщения и текст пишется с отступом.
По-быстрому можно сделать так:

Код: [Выделить]

<input id="send" type="submit" value="Отправить письмо!" style="margin-left: 100px;">

[Bayanruby]

Спасибо большое за помощь, но я уже своим велосипедом исправил

Для всех инпутов был отступ слева в 30пх
Я отдельно присвоил новый класс тому инпуту и настроил отступ слева как надо, короче всё заработало (клац) и ушел целый день на эту обратную связь.

#contact_form input {
    padding: 0 5px 0px 30px;
    background-position: 7px 5px;
    background-repeat: no-repeat;
}

[vladimir]

Это хорошо. Учимся методов тыков