Ok, antes que nada te dire que hasta ahora nunca supe como hacer eso, xq estan flotantes, si no lo estubieran fuera muy sencillo, pero no se pudiera poner un div al lado del otro :P asi que la mejor solucion que te doy es trabajar con porcentajes.
.foro-post{
border:#FF0000 solid 1px;
clear:both;
}
.foro-post-cabecera{
border:#00FF00 solid 1px;
height:20px;
}
.foro-post-texto{
border:#0000FF solid 1px;
float:left;
width: 94%;// tiene 94% por el border, al quitarle el borde podes trabajarlo al 95% para que salga exacto
}
.foro-post-perfil{
border:#FFFF00 solid 1px;
height:100px;
width:5%;
float:left;
}
.foro-post-pie{
border:#FF00FF solid 1px;
height:20px;
clear:both;
}
Código HTML:
<div class="foro-post">
<div class="foro-post-cabecera">cabecera</div>
<div class="foro-post-perfil">perfil</div>
<div class="foro-post-texto">texto</div>
<div style="clear: both;"></div>
<div class="foro-post-pie">pie</div>
</div> Espero que te sirva de ayuda :)