Galera to tentando utilizar o background e o background-image com foto, mas não estou conseguindo, to quase achando que não funciona com o jsf…
.topo-wrap {background:#0f82db url(resources/img/listrado-superior.png) repeat-x bottom; color:#fff;}
.topo-wrap .topo {padding:10px 0; width:1010px; margin:auto; height:40px;}
.topo-wrap .topo .usuario-logado {float:left;}
.topo-wrap .topo .usuario-logado p {background-image:url(resources/img/usuario-icone.jpg) no-repeat; font-size:12px; height:15px; padding:1px 0 0 20px;}O caminho da imagem já teste e está funcionando se eu jogo no browser, ou uso um <h:graphicimage />
Se puderem me ajudar fico grato. Abraço!