alineación horizontal de 2 divs sin flotar

[matak]

Buenas amigos.

Primero de todo gracias de antemano.

Me gustaria saber si es posible alinear dos divs sin usar float:left. Me explico

Código css:

#pagina
{
    width:400px;
}
#contenido
{
    width:300px;
    float:left;
}
#menu
{
    width:100px;
    float:left;
}
 

Código html:

<div id="pagina">
    <div id="contenido">
    </div>
    <div id="menu">
    </div>
</div>
 

Con este código consigo alinear la caja contenido y la caja menu horizontalmente. El problema esta en que al estar flotadas la caja padre, pagina, no crece proporcionalmente al crecimiento de sus cajas hijas. Yo necesito ambos comportamientos, es decir, alineacion horizontal y crecimiento proporcional. No me gustaria tener que usar tablas para maquetarlo.

Tienen idea de como conseguir esto.

Muchas gracias

[Impostor]

Prueba a echarle un vistazo al siguiente ejemplo, creo que te pude orientar hacia conseguir el resultado que deseas.

www(punto)araudi.net/ejemplos/columnas_equilibradas.html

Saludos¡¡