Есть label и select, у обоих задана высота 25px, когда в хроме стоит масштаб любой кроме 100%, то все хорошо - http://prntscr.com/5mkg9o.
А вот когда масштаб 100%, то селект делается ниже и не реагирует в инспекторе css на изменение высоты - http://prntscr.com/5mkh24. Подскажите почему так и как этого избежать?
<label class="labelCountry" for="filterCountry" >Страна:</label>
<select class="filters" name="filterCountry" id="filterCountry">
<?= core::$actionHandleUser->class_result['filterCountry']?>
</select>
.labelCountry{ outline: solid 1px red;
width: 165px;
height: 25px;
font-size: 1em;
float: left;
text-align: right;
margin-top: 24px;
line-height: 24px;
}
.filters{ outline: solid 1px red;
width: 281px;
height: 25px;
float: left;
margin-top: 24px;
margin-left: 15px;
}