Как исправить отображение элемента в Mozzila?
Дело в том что в ФФ у кнопок есть некий внутренний отсуп.
Чтобы всегда все было одинаково, используйте Normalize.css. Вот кусочек из него, который это чинит:/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
Вот посмотрите, я всего лишь в настройках CSS включил галочку normalize: codepen.io/anon/pen/QNwyOx
псевдо-элементы по умолчанию inline. поэтому у вас стандартаная проблема межсимвольного интервала. добавьте для :beforedisplay: block;
  width: 100%;
  box-sizing: border-box;
и проблемы не будет
codepen.io/aliencash/pen/ZWYQvP