Div aparecer corretamente sobre outra em lista ordenada

Boa tarde,

em um projeto tenho alguns itens para o cliente acessar, é como um menu onde os itens são imagens e a descrição encontra-se sobre a imagem.

A imagem onde está o bonequinho ao telefone deve ficar embaixo da div em amarelo com a descrição.

Ao lado desse item, haverá outro, e outro, cadastrados pelo cliente para acessos a informações,

Estou fazendo da seguinte forma:

div.itembox {width:140px;height:50px;height:auto !important;min-height:50px;margin:-55px 0 0 25px;padding:0;font:bold 10px "Open Sans Regular", Arial, Helvetica, sans-serif;z-index:1000}
div.itembox p{text-align:center;margin:10px 15px;}

Mas não estou conseguindo fazer o background aparecer, ele fica atrás da imagem do bonequinho

E o texto também não fica centralizado.

Se alguém puder ajudar eu agradeço.