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

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

[[LEFT]       [CENTER]        [RIGHT]]

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

Así que puse:

#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]

¿Algún consejo?