Кросбраузерная верстка формы c Stylus или Css

Нужно сверстать часть формы наиболее эффектным и красивым способом. Линии под полем ввода являются изображениями (прилегают к правому краю). Расстояние между строками и между строка+поля ввода могут быть на несколько пикселей разные.

Вот общий, основной Stylus mixin-код для каждой такой строки формы:

myfunc($mylineimage)
    width 100%
    height 61.2px
    overflow hidden
    display flex
    align-items center
    color #2f1b15
    font bold 19.7px 'PT Sans Caption'
    text-shadow 0 0.3px 0.7px #2f1b15 !important
    border 1px solid teal
    label
        margin-right 8.4px
        white-space nowrap
    span
        flex-basis 300px
        position relative
        top -4px
        left 1px
    span:after
        float right
        position relative
        top -8px
        left 8px
        content embedurl($mylineimage)
    &__input
        margin 7px 0 0 20px
        min-width 300px
        height 30px
        width 100%
        border none
        box-sizing border-box
        background transparent
        color #231f20
        font normal 30px 'Courier New'

Проблема в том, что в FF и Chrome +- до десятка пикселей выглядит по-разному, в IE10 вообще проблема!! Шрифты PTSans выглядят очень по-разному в .psd макете и на самой странице (+разница рендера в браузерах) - пытаюсь чуть тенями исправлять. Для соответствия с оригиналом, отдельно для каждой строки добавляю нужный код отступа, ширины и т.п..

Буду благодарен за общие советы по кроссбраузерноти!