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

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

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

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