Трещина между блоками с border в Firefox. Как исправить?

Question

[Рюрик Ростиславич]

В хроме, мобильных браузерах, опере отображается адекватно, на лисичке же трещина между блоками с бордером и border-radius. Прилагаю скрины и код.
Firefox


Chrome

<div class="hidden-xs input-group input-group-lg" style="background:rgb( 224, 147, 37 ); border-radius: 0.917cm 0.917cm 0.917cm 0.917cm;">
 <input type="text" class="form-control" placeholder="Введите название товара или услуги..."style="border-radius: 0.917cm 0.917cm 0.917cm 0.917cm; border: 8px solid rgb( 224, 147, 37 ); height: 55px;"><span class="input-group-btn"><button class="btn btn-warning" type="button" style="border-radius:0 0.917cm 0.917cm 0; background-color: rgb( 224, 147, 37 ); height: 55px;  border: 1px solid rgb( 224, 147, 37 )">Поиск&nbsp;<i class="fa fa-lg fa-search" style="border: 5px solid #F2D888; border-radius:15px 15px 15px 15px; background-color:#F2D888; color: rgb( 224, 147, 37 );"></i></button>
</span>  </div>

Comments

[copal]

трещина - ахахахаххахаах

[nirvimel]

Залейте на JSFiddle, пожалуйста, со всеми css, чтобы выглядело как на приведенной картинке, чтобы ваша "трещина" воспроизводилась в любом firefox.

[Рюрик Ростиславич]

nirvimel: Держите https://jsfiddle.net/9h9v2ag0/

[nirvimel]

Roman Almazov: CSS просо бесконечный, я устал скроллить не то что читать. Это же сгенерировано из какого-то SASS или LESS, так ведь? При таком количестве различных факторов, на конечный результат может влиять вообще все что угодно. Трудно локализовать проблему. Попробуйте выкинуть все стили, которые напрямую не связаны с отображением этого input.

[Рюрик Ростиславич]

nirvimel: Нашел, благодарю.
Проблема была в box-shadow который игнорировали все кроме лисички