title: Positioning divs left and right within anohter div
body: <p>I am quite new to css and html, and I am having trouble floating divs within a another div,
  I've done quite a bit of research online but have not been able to come up with a solution.</p>
  <p><strong>these are the sites I have read and where of no use:</strong></p>
  <p>barelyfitz /screencast/html-training/css/positioning/</p>
  <p>stackoverflow /questions/580195/css-layout-2-column-fixed-fluid</p>
  <p>mirificampress /show.php?id=106</p>
  <p><a href="https://stackoverflow.com/questions/1015809/how-to-get-floating-divs-inside-fixed-width-div-to-continue-horizontally">How to get Floating DIVs inside fixed-width DIV to continue horizontally?</a></p>
  <p>My code can be found on jsFiddle <a href="http://jsfiddle.net/qf3BB/" rel="nofollow noreferrer">here</a></p>