Как починить background-position в :hover для элемента с фоном заданным в атрибуте style?

Есть список, его элемент выглядит так:

<li class="infoItem">
            <div style="background:url('img/bulb.png') no-repeat;"></div>
            <div>текст текст текст текст</div>
        </li>

каждый элемент имеет свой бекграунд. Знаю что в атрибутах писать плохо, но эти элементы потом генерируются php.
Стили пишу такие:

.infoItem div:first-child{
	width:80px;
	height:80px;
	margin:0 auto 20px;
}
.infoItem:hover div:first-of-type{
	background-position:bottom;
}

начинает работать только если картинку задавать в стилях, а не в теге. Куда копать?