Ciao ........problemino

Ho un layout fatto da un blocco esterno di 700px poi dentro cè l'intestazione e di sotto il contenuto.

Tutto bene ma nel contenuto impostato cosi:

#Contenuto{
height: 100%;
border-left: 1px solid #c6c6c6;
border-right: 1px solid #c6c6c6;
}

#Testata div{
float: left;
width: 50%;
}

<div id="Contenuto">

<div id="Testata">
<div>CIAO</div>
<div>CIAO</div>
</div>

</div>


I due bordi grigi del div CONTENUTO si vedono per tutta l'altezza.
Se però imposto, ai DIV della testata che hanno il float, un'altezza 100px, questi si estendono ma il bordo grigio del CONTENUTO no !

Come mai ?