title: CSS Floating Div Element Issue
body: <p>I have coded a little bit of my website, but I'm noticing I have to make stupidly big adjustments to get things to fit nicely together, I believe its because I have 2 floating elements and the float is carrying onto the next set of divs even though there not nested!!</p>
  
  <p>Does anyone know why this is happening to make things simpler I have made it live so far what I have done in this example you will notice (if your monitor is wide enough) that the text 
  "Do you have special requirements?" has the "Do" about half way up the page?</p>
  
  <p>I think the problem lies around the div tags "bannerleft" and "bannerright" after that I think the float carrys on and breaks everything? I could be wrong </p>
  
  <p>Here is the live example <a href="http://jordan.xronn.co.uk/" rel="nofollow">Here</a></p>