Primefaces - problema na alteração dos icones

estou querendo usar icones no meu sistema que esta sendo desenvolvido com primefaces 3.0 jsf e no ecplise

um dos exemplos é o menu

uma parte do menu esta assim


<p:submenu label="Navegação">  
<p:menuitem value="Sair do sistema" icon="sair" actionListener="#{usuarioBean.eventoSair}" />              				 
</p:submenu>  

e meu css


@CHARSET "ISO-8859-1";
 .sair{  
 height: 40px;  
 width: 40px;  
 
 background-image: url(icones/sair.png) !important;}

e no templete menu eu chamo o css


<h:outputStylesheet library="css" name="icon.css"/> 

a imagem nao aparece de jeito nenhum…

a estrututa do projeto esta assim [color=red] nomeProjeto/WebContent/resources/css/icones[/color]

alguem poderia me ajudar???

já usei a url com aspas sem aspas com aspostrofo e sem apostrofo e nao consigo visualizar a imagem