Выделение элементов ввода, один на один в Firefox

Question

Я надеюсь, что мне не хватает чего-то простого, но на всю жизнь я не могу понять, почему я не могу выстроить код ввода < = «текст» > рядом с < input type = "submit" >.

Небольшой поиск в StackOverflow привел меня к свойству box-sizing, которое исправило мою проблему в IE, но Firefox меня заводит. Эти два элемента теперь имеют одинаковый размер, но смещены на 1 пиксель.

Вот offending code on jsfiddle.

Любые предложения?

Answer 1

Вы должны установить:

input[type=submit]::-moz-focus-inner{ border: 0; } 

Изменение модели коробка кажется в результате этого эффекта, но это по сути та же проблема, как this.