Dúvida facelets layout

Front-end
#1

Tô tentando dividir o meu template para que as páginas fiquem dessa forma:

mas quando o left é maior que o left_content, o bottom cobre:

E o contrário não acontece:

Aqui vai meu cssLayout.css:

[code]#top {
position: relative;
background-color: #ffffff;
color: black;
padding: 5px;
margin: 0px 0px 10px 0px;
}

#left {
float: left;
background-color: #ffffff;
padding: 5px;
width: 150px;
}

#right {
float: right;
background-color: #036fab;
padding: 5px;
width: 150px;
}

.center_content {
position: relative;
background-color: #dddddd;
padding: 5px;
}

.left_content {
background-color: #ffffff;
padding: 5px;
margin-left: 170px;
}

.right_content {
background-color: #dddddd;
padding: 5px;
margin: 0px 170px 0px 170px;
}

#bottom {
position: relative;
background-color: #c2dfef;
padding: 5px;
margin: 10px 0px 0px 0px;
}

#top a:link, #top a:visited {
color: white;
font-weight : bold;
text-decoration: none;
}

#top a:link:hover, #top a:visited:hover {
color: black;
font-weight : bold;
text-decoration : underline;
}[/code]

Aqui tá o código do template:

<h:body> <div id="top"> (conteúdo do Top) </div> <div> <div id="left"> (conteúdo do Left) </div> <div id="content" class="left_content"> <ui:insert name="content"> (conteúdo do Left_Content) </ui:insert> </div> </div> <div id="bottom"> (conteúdo do Bottom) </div> </h:body>

#2

segue o link q consegui fazer o meu apartir desse

#3

eu consegui fazer o meu com base nestes link
sugiro q faça o mesmo

                          .Como criar templates xhtml e com ui:composition e facelets
		http://blog.globalcode.com.br/2009/08/facelets-uma-forma-mais-agil-para.html


	.Parte1 - Introdução
		http://infoblogs.com.br/view.action?contentId=13355&Facelets-Introducao.html  (introdução e download jsf-facelets.jar)
		http://www.jsfcentral.com/articles/facelets_1.html

	
	.Parte2 - unsando facelets
		http://www.jsfcentral.com/articles/facelets_2.html

Depois de ler tudo isso e destrinchar instalei e configurei facelets e jsf no meu eclipse no web.xml e faces-config.xml
e minha pagina principal.xhtml fico assim, mas ela executa como principal.jsf dependendo da configuracao do web.xml.
Da trabalho aprender mais depois q esta tudo fufando o resultado e a produtividade e muito boa

<?xml version="1.0" encoding="ISO-8859-1"?> Serious

espero q seja util,

abracos, até

#4