Tamaños de DIVs variados uno al lado del otro

[LuisCZ]

Hola a todos, primero quiero disculparme si no es aquí (dentro de css) que se resuelve esta duda que tengo. Estoy diseñando una pagina que posee un div alado de otro y a su vez debajo de ellos tengo un div (el pie de pagina). Todos ellos los estoy manejando a través de "position: relative;" y "float: left;" y "float: right;" según sea el caso. Todo hasta ahí bien... el problema está en que los contenidos tanto del div izquierdo como del derecho crecen dinamicamente según su contenido, el izquierdo trabaja perfectamente... el problema lo tengo con el div derecho, ya que este crece solo en el caso de que tenga contenido y solo relativo al tamaño de este.

Saludos y muchas gracias de antemano!

Html:

Código HTML:

<div style="width: 900px; height: auto;" id="cuerpoc">
  <div style="width: 900px; height: auto;" id="contbaruser">
    <div style="width: 350px; height: auto; color: #FFF;" id="baruserI" class="barrami">
      //contenido que crece dinamicamente con php
    </div>
    <div style="width: 550px; height: auto;" id="baruserD">
      //contenido que crece dinamicamente con php   
    </div>
  </div>
  <div style="width: 900px; height: 100px;" id="pie">
    //contenido del pie de pagina     
  </div>
</div> 

CSS:

Código HTML:

#cuerpoc {
	position: absolute;
	top: 180px;
	z-index: 1;
	/* scroller */
	scrollbar-arrow-color: #333333;
	scrollbar-base-color: #535151;
	scrollbar-dark-shadow-color: #535151;
	scrollbar-track-color: #333333;
	scrollbar-face-color: #535151;
	scrollbar-shadow-color: #535151;
	scrollbar-highlight-color: #535151;
}
#contbaruser {
	position: relative;
	float: left;
}
#baruserI {
	position: relative;
	float: left;
	background-color: #666;
}
#baruserD {
	position: relative;
	float: right;
	top: 295px;
	right: 0px;
	background-color: #FFF;
}
#pie {
	background-color: #535151;
	position: relative;
	font-size: 15px;
	color: #FFF;
	float: left;
}