Проблема с псевдоэлементом в CSS/HTML ::before

.text::before{
content: ' ';
background: url(./img/task.jpg);
background-size:contain;
display: inline-block;
}
Почему-то картинка перед текстом не ставится, но на другом блоке все ок
Вот этот блок:
.text2 ul:hover::before, .text2 p:hover::before{
content: ' ';
background: url(./img/red.jpg);
background-size:contain;
height: 17px;
width: 23px;
display: inline-block;
}