haga que las divisiones secundarias se muestren en línea con un ancho del 100% y desplazamiento de desbordamiento principal

Lo he intentado todo el día y parece que no puedo hacer que esto funcione. Aquí hay un violín para que entiendas de lo que estoy hablando: http://jsfiddle.net/P2BqP/

Estoy seguro de que se puede hacer sin ningún script Java, pero supongo que hay algo que me falta aquí.
Así que quiero hacer que los divs secundarios tomen el valor del min-width de los padres, de modo que pueda desplazarme horizontalmente hacia la izquierda o hacia la derecha, sin tener que expandir el elemento principal.
La razón por la que hago esto es porque quiero un carrusel escalable sin tener que tener un ancho establecido para los elementos padre e hijo. Me gustaría que sea escalable sin importar el tamaño de la pantalla o si el usuario maximiza el tamaño de la ventana.
¿Esto tiene sentido?

Versión simplificada, pero debe obtener la idea general:

CSS:

 #container { background-color:#CCC; min-width:50%; max-width:300%; overflow-x:scroll; white-space:nowrap; display: block; } #container div { border: 1px solid #006; white-space:nowrap; display: inline-block; width:100%; } 

http://jsfiddle.net/P2BqP/3/

Gracias por la ayuda, en realidad terminé haciendo esto: http://jsfiddle.net/P2BqP/13/ Estaba intentando hacer un carrusel que envuelva el texto dentro de los child divs . Parece que estaba intentando un enfoque equivocado.