Почему не работает картинка в псевдоелементе ::before

<style>
.list1 li::before{
    content: ' ';
    background: url(../img/Icons/check_icon.png) left no-repeat;
    padding: 0px 0px 0px 35px;
    line-height: 36px;
}
</style>

Вот так, все будет работать. Но если убрать "padding: 0px 0px 0px 35px;", то сразу же все сбрасывается, даже елементы которые не вказаны в этом ".list1 li::before"
Я только учусь и решил спросить здесь

Так как картинка вставляется задним фоном, то на размеры самого псевдоэлемента она не влияет, а это значит что эти самые размеры нужно явно указать. Лучше конечно удалить line-height и padding и вместо этого добавить height и width соответственно.

В итоге выйдет что-то такое:
<style>
.list1 li::before{
    content: ' ';
    background: url(../img/Icons/check_icon.png) left no-repeat;
    width: 35px;
    height: 36px;
}
</style>

P.S: Я бы еще задал display: inline-block, если элемент позиционирован статично.