¿Cómo alinear 3 divs (izquierda / centro / derecha) dentro de otro div?

Quiero tener 3 divs alineados dentro de un contenedor div, algo como esto:

[[LEFT]       [CENTER]        [RIGHT]]

El contenedor div es 100% ancho (sin ancho establecido), y el centro div debe permanecer en el centro después de cambiar el tamaño del contenedor.

Entonces configuré:

#container{width:100%;}
#left{float:left;width:100px;}
#right{float:right;width:100px;}
#center{margin:0 auto;width:100px;}

Pero se convierte en:

[[LEFT]       [CENTER]              ]
                              [RIGHT]

¿Algun consejo?

Respuestas a la pregunta(18)

Su respuesta a la pregunta