Ola Pessoal, estou criando uma tela uso JSF + a framework de componentes web Primefaces, e encontrei um problema que minhas telas na resolução 1024x1280 ficam boas mas em computadores que ainda usam 800x600 ficava uma droga, desalinha tudo, o sistema que fiz ja exijo que rodem no firefox então não me importo com o I.E, mas queria uma força pra saber como posso alinhar este panel no centro da pagina, cheguei a colocar tudo dentro de um div embora resolvesse o problema da resolução pois os componentes passaram a não se desalinhar mais, mas não resolveu do panel fica no centro da tela, ele fica sempre ao lado esquerdo, ja tentei CSS entre varias outras configurações ma snão tive sucesso ai abaixo posto o código se alguem puder me ajudar ficarei grato, abraços.
<h:form>
<div style="width: 800px" align="center">
<p:layout fullPage="true">
<p:layoutUnit id="menu" position="right" width="500" resizable="false" collapsible="true"/>//se troco o valor position="right" para center o painel some da tela
<p:layoutUnit id="content" position="center" scrollable="null">
<p:panel header="Cadastro de Fornecedores" footer="Infobusiness LTDA.">
Razão Social: <h:inputText size="50" maxlength="50" style="margin-left: 24px" ></h:inputText><br></br>
Nome Fantasia: <h:inputText size="25" maxlength="25" style="margin: 10px"></h:inputText><br></br>
Observação: <h:inputText size="60" maxlength="70" style="margin-left: 29px"></h:inputText><br></br>
<p></p>Situação: <h:inputText size="10" maxlength="10" style="margin-left: 50px"></h:inputText>
<p></p>Contabil: <h:inputText size="10" maxlength="10" style="margin-left: 52px"></h:inputText><h:inputText size="40" maxlength="40" style="margin-left: 1.0em"></h:inputText>
<p:messages id="messages"/>
<h:outputLink id="dynamicPosition" value="javascript:void(0)" onclick="dynaMenu.show()" style="color: black ">Cadastro</h:outputLink>
<p:menu widgetVar="dynaMenu" position="dynamic" context="'form:dynamicPosition','tl','br'" >
<p:submenu label="cadastrar forcencedores">
<p:menuitem value="Cadastro" actionListener="#{buttonBean.cadastrar}" update="messages" icon="/images/save.png"/>
<p:menuitem value="Salvar" actionListener="#{buttonBean.save}" update="messages" icon="/images/save.png"/>
<p:menuitem value="Atualzar" actionListener="#{buttonBean.update}" update="messages" icon="/images/update.png"/>
</p:submenu>
<p:submenu label="excluir">
<p:menuitem value="Delete" actionListener="#{buttonBean.delete}" update="messages" ajax="false" icon="/images/delete.png"/>
</p:submenu>
<p:submenu label="outras páginas">
<p:menuitem value="Inicio" url="http://www.primefaces.org" icon="/images/home.png"/>
<p:menuitem value="Arquivos" url="#{request.contextPath}/touch" icon="/images/mobile.png"/>
</p:submenu>
</p:menu>
</p:panel>
</p:layoutUnit>
</p:layout>
</div>
</h:form>