Problema com growl

Front-end
#1

Pessoal, estou com um problema para utilizar a tag growl. Ela está na página e aparentemente com tudo configurado corretamente mas não aparece a mensagem flutuante na tela, apenas as mensagens comuns, minha página está desta forma:

	          <h:form>	       
	              <p:growl id="growl" showDetail="true" sticky="true" />
	             
		          <h:panelGrid columns="1" id="inputs">		
		              <h:outputText value="Usuário (obrigatório)" styleClass="content" />
		              <p:inputText id="userName" value="#{loginBean.userName}" maxlength="20" required="true"/>
                  	  <p:message id="m1" for="userName" display="text"/>
                  	  	  				 			  
		              <h:outputText value="Senha (obrigatório)" styleClass="content" />
		  			  <p:password id="password" value="#{loginBean.password}" required="true" />
					  <p:message id="m2" for="password" display="text"/>
					  					  
		  		      <p><a href="app/cadastro_cliente.xhtml">Cadastre-se Aqui</a> | Esqueceu a senha ou o usuário?</p>
		          </h:panelGrid>		
		          
		          <p:commandButton action="#{loginBean.login}" value="Login" update="growl" />
	          </h:form>
	          
          	  <p:messages id="messages" showDetail="true" autoUpdate="true" closable="true" />

A tag <p:messages> está funcionando corretamente mas eu preciso que a p:growl funcione.

Desde já agradeço a ajuda.

Abraço

#2