Boa noite 
Estou testando o recurso de Layout do PrimeFaces, no entanto não estou conseguindo alterar a cor de fundo do layout.
O meu código é:
<h:body>
<p:layout fullPage="true">
<p:layoutUnit position="north" size="100" style="border-width: 0px" resizable="true" closable="true" collapsible="true">
<ui:include src="fundo2.xhtml"/>
<h:outputText value="Topo" />
</p:layoutUnit>
<p:layoutUnit position="south" size="100" resizable="true" style="border-width: 0px" closable="true" collapsible="true">
<h:outputText value="Sul" />
</p:layoutUnit>
<p:layoutUnit position="west" size="200" resizable="true" style="border-width: 0px" closable="true" collapsible="true">
</p:layoutUnit>
<p:layoutUnit position="east" size="200" resizable="true" style="border-width: 0px" closable="true" collapsible="true" effect="drop">
<h:outputText value="Direito" />
</p:layoutUnit>
<p:layoutUnit position="center" style="border-width: 0px">
<h:form>
Conteúdo
</h:form>
</p:layoutUnit>
</p:layout>
</h:body>o layout na posição north dá um include na página fundo2.xhtml que é:
<body style="background-color: blue" >
TOPO
</body>
Curiosamente o blue é carregado pelas bordas e não na região north do componente.
Veja a visualização no anexo.
Agradeço qualquer ajuda!
