[Помогите] Некорректная заливка

Меняю цвета заливки через сценарий.

Код:

    if (event.data.indexOf('╔72') == 0) {
    document.getElementById('f1_v_color').style.color= 'white';
    document.getElementById('f1_v_color').style.backgroundColor= 'green';}

Всё работает, НО между рамкой и цветовой заливкой при увеличинии, или на 4к мониторе появляется бела полоса.

Код:

<div class="main1">
    <div id='f1_v_color'>
        <div style = "padding: 5px 10px;">L1 - <span id="f1_v"></span>v</div>
    </div>
</div>

CSS:

Код:

.main1
 {
    text-align: center;
    width: 90px;
    display: inline-block;
    border: 1px solid black;
    border-radius: 8px;
    overflow: hidden;
    margin: 0 auto;
 }

Если я все параметры беру статически из css, никаких проблем нет. Заливает корректно.
Глюк на всех браузерах.
Всю голову уже сломал. Помогите пожалуйста.