Boa tarde pessoal. Estou tentando fazer uma tela usando um fullpage layout, porém aparecem 2 scrollbars que não consigo fazer desaparecer.
Já tentei alterar o height dos componentes mas a barra continua aparecendo, segue abaixo o código e o print da tela:
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.org/ui"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
</h:head>
<h:body>
<div align="center">
<p:growl id="messages" />
<h:form id="geral">
<p:layout style="width:100%;height:100%" closeTitle="true">
<p:layoutUnit position="center">
<ui:insert name="conteudo" />
</p:layoutUnit>
<p:layoutUnit position="north" height="60" >
<p:toolbar>
<p:toolbarGroup align="left">
<h:outputLabel value="Olá, #{homeBean.aluno.nome} " />
</p:toolbarGroup>
<p:toolbarGroup align="right">
<p:commandButton icon="ui-icon-help" title="Ajuda"
style="width:40px" />
<p:button icon="ui-icon-power" title="Sair"
href="/j_spring_security_logout" style="width:40px" />
</p:toolbarGroup>
</p:toolbar>
</p:layoutUnit>
<p:layoutUnit position="west" width="240" header="Menu"
collapsible="true">
<p:menu style="width:100%">
<p:menuitem value="Novo" style="text-align:center"
url="/pages/user/documento.jsf" />
<p:menuitem value="Meus Documentos"
url="/pages/user/home.jsf?tipo=1" />
<p:menuitem value="Documentos Compartilhados"
style="text-align:center" url="/pages/user/home.jsf?tipo=2" />
<p:menuitem value="Documentos Públicos"
url="/pages/user/home.jsf?tipo=3" />
<p:menuitem value="Todos os documentos"
url="/pages/user/home.jsf?tipo=4" />
<p:menuitem value="Minha Conta"
actionListener="#{homeBean.alteraCadastro}" />
</p:menu>
</p:layoutUnit>
</p:layout>
</h:form>
</div>
</h:body>
</html>

Alguém sabe me dizer como fazer essas scrollbars sumirem? E outra dúvida, não estou conseguindo mudar o alinhamento dos <p:menuitem>, já tentei colocar o text-align:center tanto no <p:menu> quanto nos <p:menuitem> e não adiantou.