Box e DIV... problemi di altezza

[Ald3r]

Ciao a tutti.
Ho un piccolo problema con CSS e 2 div in una pagina che stò realizzando.
La pagina è così strutturata:

<DIV ID="1">
   <DIV ID="2">
   </DIV>
   <DIV ID=3>
   </DIV>
</DIV>

Il css relativo è così definito

 #1{
   margin:0px;
   padding: 0px;
   background-color:#C7FFB1;
   border:1px black solid;
   font-family:Verdana Arial sans-serif;  
   width:798px;
   height:100%;
   float:left;
 }
 
  #2 {
   float:left;
   background-color:#07B70F;
   width:214px;
   height: 100%;
   border: 1px red solid;
 }
 
 #3 {
   border: 1px solid red;
   width: 570px;
   padding: 5px;
   float: left;
 }

Il problema è che il div con ID= 3 è alto circa 2000px (per via del testo che contiene) mentre il div con ID = 2 è alto circa 500 px.
Ho provato a definire l'attributo height del div 2 con valore 100% però non mi arriva ugualmente ad avere la stessa altezza dell'altro.
Come posso fare, senza dargli un valore statico in px?
Spero che il problema sia chiaro.
Tnx

Alder