Sobrepor menu sobre os demais componentes - JSF 2.0 [RESOLVIDO]

E aí galera, tudo beleza?

Galera é o seguinte,
estou fazendo um sistema utilizando JSF 2.0 e PrimeFaces.
Meu layout é formado basicamente por um menu, que fica no topo da página:

o centro da página, onde vai o conteúdo:

e um rodapé:

O problema é o seguinte: quando eu clico em alguma opção do menu, ele abre, mas os submenus ficam escondidos “atrás” do centro da página =/
Eu gostaria que ele ficasse “por cima” do centro da página, compreendem?

Existe alguma declaração que tenho que fazer?

Desde já agradeço
[]'s

De uma olhada nesse layout e veja se ajuda.

http://www.primefaces.org/showcase/ui/layoutComplex.jsf

[]s

Adiciona esse código no teu css:

.ui-layout-north{
    z-index:10 !important;
}
.ui-layout-north .ui-layout-unit-content{
    overflow:visible !important;
}

Então galera, resolvi exemplificar aqui com umas imagens.
As imagens mostram como o meu menu faz quando eu estou sem clicá-lo, e como ele fica quando eu clico.

O que quero fazer, é quando eu clicar, ele não ficasse “escondido” atrás do centro da página, como está na foto.

Alguém tem idéia?

[]'s



[quote=Gustavo Krauczuk]Então galera, resolvi exemplificar aqui com umas imagens.
As imagens mostram como o meu menu faz quando eu estou sem clicá-lo, e como ele fica quando eu clico.

O que quero fazer, é quando eu clicar, ele não ficasse “escondido” atrás do centro da página, como está na foto.

Alguém tem idéia?

[]'s[/quote]

E usando oque te passei ali pra por no css não resolveu?
Pois pra mim funciona assim…

Galera, valeu pela ajuda de todo mundo, de verdade!
Mas o que o amigo diogorsouza disse, funcionou 100%!

Na hora em que rodei o projeto, o menu já estava funcionando perfeitamente!

Obrigado a todos pelas respostas!

[]'s