animando elementos div de izquierda a derecha y atrás

Tengo un sistema de menús compuesto por divs y quiero animar la propiedad izquierda para que se deslice cada vez que el usuario pasa el mouse sobre un elemento del menú, pero necesito que el elemento div (que es negro) externo se expanda a medida que los elementos del menú se mueven hacia la izquierda a la derecha también quiero que el elemento div (.container) se deslice hacia atrás y contraiga el elemento div externo (este div negro que tiene un ancho de 0) Tengo un ejemplo básico hecho en jsFiddle it olny mueve los elementos a la izquierda

Respuestas a la pregunta(3)

Su respuesta a la pregunta