title: Divs won't center
body: <p>First of all <a href="http://jsfiddle.net/2yree/1/" rel="nofollow">here's my code</a></p>
  
  <p>I'm having a lot of difficulty centering the "container" div and its children.
  I've tried every type of positioning but i can't get it to stay centered after the browser is resized. 
  I'm not sure where i'm going wrong and i've lurked the internet for hours to try and figure out why it's not positioning properly.</p>
  
  <p>Any assistance is greatly appreciated</p>