Ciao a tutti, mi chiamo alessandro e sto facendo un progetto per l'università, però ho un piccolo problema con un css per allineare 3 div

La mia pagina è così formata

<div id="Contenitore">
<div id="Header" >
<div id="Logo"></div>
<div id="Intestazione"></div>
</div>
<div id="Separatore">
<ul>
[*]Home
[*]Help
[*]Credits
[/list]
</div>
<div id="Corpo">
<div id="Elenco_doc">
<div id="Titolo_Elenco"></div>
<div id="Elenco"></div>
</div>
<div id="Centro">
<div id="Contesto"></div>
<div id="Multifunzione"></div>
</div>
<div id="Apparato">
<div id="Titolo_note">

Note</p></div>
<div id="Note"></div>
</div>
</div>
<div id="Footer">

ltw16</p></div>
</div>

Il problema è nel div "Corpo" che racchiude gli altri 3 div, praticamente il 3°, "Apparato", non riesco a metterlo affianco al secondo, infatti se faccio tutto come da css qui sotto, tutti e 3 i div "Elenco_doc", "Centro" e "Apparto" escono dal div che li deve contenere

div#Corpo{
width:100%;
}

div#Elenco_doc{
min-width:100px;
width:20%;
float:left;
background-color:#F7F7F7;
margin-right:4px;
}

div#Titolo_Elenco{
margin-left:15px;
background-color:#F7F7F7;
font-size:20px;
margin-top:40px;
}

div#Elenco{
margin-top:25px;
margin-left:15px;
}

div#Centro{
float:left;
width:60%;
margin-right:4px;

}

div#Contesto{
border: 1px solid #DDD5DA;

}


div#Multifunzione{
margin-top:4px;
border: 1px solid #DDD5DA;
}


div#Apparato{
float:left;
width:19%;
margin-top:4px;
background-color:#F7F7F7;
}

div#Titolo_note{
width:100%;
text-align:center;
background-color:#F7F7F7;
}

div#Note{
padding-top:4px;
background-color:#F7F7F7;
}

La cosa strana è che se uso float:left; solo sui primi 2 div, cioè "Elenco_Doc" e "Centro" questi due vengono ben allineati e rimangono dentro al div contenitore.

lascio anche un paio di immagini per capire maglio
tutti e 3 i div in float:left
solo i primi due in float:left

Grazie tante a chi saprà aiutarmi!