container falhando = base das divs desalinhadas

Estou com um problema para alinha a base de 2 divs que formam as columas de parte do layout. Estou usando um div container mas o safado não se expande por nada, fica fino como se não tivesse nada dentro e isso tá ferrando todo o layout. Please i need help. o que fiz de errado??

Codigo das divs:

 <div class="box-lista" style="background-color:<%=bg%>;">
 <div class="inner" style="margin-left:10px;background-color:<%=bg%>;">
 <div id="cont_inside" style="background-color:<%=bg%>; height:50px;">
 <div id="cont_left" style="background-color:<%=bg%>;">
 <p><%=objrs("data_chat")&"<br>"&left(objrs("chat"),100)%></p>
 </div>
 <div id="cont_right" style="text-align:right;background-color:<%=bg%>;">
 Status:<br>
 <%=objrs("status_chat")%>
 </div>
 </div>
 </div>
 </div>

Codigo CSS:

#cont_inside {
 margin:0 auto;
 width:700px;
}
#cont_left {
 float:left;
 width:500px;
 padding:10px;
}
#cont_right {
 float:right;
 width:160px;
 padding:10px;
}