Разное отображаение кнопки [type=submit] в Опере/IE и FF/Chrome

[SEObomj]

http://jsfiddle.net/NZLqu/1/

В Опере все пучком, а в FF и Хроме надпись уезжает вниз и при нажатии смещается вправо, а не вниз. Пока пошел на компромисс - добавил padding-bottom:3px; чтобы поднять надпись. В Опере правда она на пиксель смещается вверх.

Edited October 21, 2011 by SEObomj

[Быколай]

не проще ли type="image" использовать?

[SEObomj]

А если нужно, чтобы надпись при нажатии смещалась?

[Cubka]

А если нужно, чтобы надпись при нажатии смещалась?

Так тебе надо чтобы она смещалась? или ты стремишься к статической надписи "Отправить"?

[SEObomj]

Надо чтобы надпись смещалась

[Cubka]

Надо чтобы надпись смещалась

Попробуй добавить:

input.send:focus{
padding-top: 1px;
padding-bottom: -1px;
margin-top: 10px;
}

и в input.send свойсвтво "margin-top: 10px;"

[SEObomj]

Не помогло