Div com heigth 100%

Pessoal tenho uma div que nao fica com heigth 100% por nada =/
Alguem da uma ajuda ai =[

essa e a div

<div style="float: left; width: 50%; height: 100%" > <fieldset> <legend>Considerações CGRH</legend> <table> <tr> <td><h:inputTextarea value="#{justificarPedidoReconsideracaoChefiaMB.tbReconsideracao.dsJustificativa}" onkeyup="excedeuTamanhoMaximo(this,500);" style="width : 403px; height : 123px;" /></td> </tr> <tr></tr> <tr> <td> <span class="btn"> <span> <a4j:commandButton value="Salvar" action="#{justificarPedidoReconsideracaoChefiaMB.alterarPedidoReconsideracao}"> </a4j:commandButton> </span> </span> </td> </tr> </table> </fieldset> </div>

aqui ta a pagina toda:

[code]<?xml version="1.0" encoding="ISO-8859-1"?>

<ui:composition
template="/publico/guiaestilo_1_0_0/xhtml/template.xhtml">
<ui:define name=“breadcrumb”>Página inicial > Reconsideracao > Administrar</ui:define>
<ui:define name=“corpo”>
<a4j:keepAlive beanName=“justificarPedidoReconsideracaoChefiaMB” />
<a4j:loadStyle src="/publico/css/manterservidor/incluirservidor.css" />
<h:form id=“form”>

INCLUIR PEDIDO DE RECONSIDERAÇÃO




<h:outputText value=“Servidor” />
<h:outputText value="******" />






<h:outputText value=“Justificativa do Pedido” />
<h:outputText value="******" />







<h:outputText value=“Referência a:” />





<h:panelGrid columns=“3”>
<rich:dataTable id=“tabelaMeta”
value="#{justificarPedidoReconsideracaoChefiaMB.listDataModelMetaServidor}"
var=“meta” rowClasses=",cinza">
rich:column
<f:facet name=“header”>
<h:outputText value=“Plano de Trabalho *” />
</f:facet>
<h:outputText value="#{meta.coIdentificadorMeta.noMeta}" />
</rich:column>
rich:column
<f:facet name=“header”>
<h:outputText value=“Nota” />
</f:facet>
<h:outputText value="#{meta.tbAvaliacaoMetaCollection[0].vlNota}" />
</rich:column>
</rich:dataTable>
<rich:separator width=“15”/>
<rich:dataTable id=“tabelaFatores”
value="#{justificarPedidoReconsideracaoChefiaMB.listDataModelQuesitosServidor}"
var=“quesito” rowClasses=",cinza" >
rich:column
<f:facet name=“header”>
<h:outputText value=“Fatores *” />
</f:facet>
<h:outputText value="#{quesito.dsQuesitos}" />
</rich:column>
rich:column
<f:facet name=“header”>
<h:outputText value=“Nota” />
</f:facet>
<h:outputText
value="#{quesito.tbAvaliacaoQuesitosCollection[0].vlNota}" />
</rich:column>
</rich:dataTable>
</h:panelGrid>



Considerações CGRH








<h:inputTextarea
value="#{justificarPedidoReconsideracaoChefiaMB.tbReconsideracao.dsJustificativa}"
onkeyup=“excedeuTamanhoMaximo(this,500);”
style=“width : 403px; height : 123px;” />



<a4j:commandButton
value=“Salvar”
action="#{justificarPedidoReconsideracaoChefiaMB.alterarPedidoReconsideracao}">
</a4j:commandButton>












<h:commandButton value=“Enviar a Chefia” />




<h:commandButton value=“Voltar” />



</h:form>
</ui:define>
</ui:composition> [/code]

Todos os outros componentes que são “PAIS” (HTML, BODY, FORM, outras DIVS) da DIV precisam estar com height=100%

Use o Chrome ou o Firefox, ou 2 tem uma Ferramenta de Desenvolvedores (só apertar F12), nela vc pode ir vendo toda a arvore de componentes e alterando o CSS de todas diretamente no HTML gerado para poder testar