title: Expand div horizontally using css
body: <p>I am looking to expand a div horizontally after a video is dynamically resized, similar to how YouTube works on re-sizing.</p>
  
  <p>I have re-sizing images on the video and they work fine, users can press the + or - arrow fine and the video resizes, but the box on the right does not fall below it and expand the 100% of 1024px container (the max the video resizes). Also, when the video is reduced in size the box does not expand to the left.</p>
  
  <p>Can anyone help me on this?</p>
  
  <p>Please take a look at my jsFiddle as an example <a href="http://jsfiddle.net/headex/Xw8EV/" rel="nofollow">http://jsfiddle.net/headex/Xw8EV/</a> (<em>NOTE</em>: <em>The images for the resizing buttons are not in the fiddle, you just have to imagine they are there</em>) </p>
  
  <p>Any help is much appreciated.</p>
  
  <p>Cheers!</p>