javascript - animating div elements left to right and back

Question

I have a menu system made up of divs and i want to animate the left property to slide each time the user mouses over a menu item but i need the outer div(which is black) element to expand as the menu items move left to right also I want the div element(.container) to slide back and contract the outer div element(this black div which is 0 width) I have a basic example done in jsFiddle it olny moves the elements to the left

Answer 1

Having a little trouble fully understanding, but is this sort of what you mean?

http://jsfiddle.net/V3RHr/2/