title: How to float 2 div's next to each other in IE8
body: <p>I have two div's and I want to show them next to each other. In normal browsers it's no problem. In IE however, things are messed up:</p>
  
  <p><img src="https://i.stack.imgur.com/9gORb.png" alt="enter image description here"></p>
  
  <p>The red squares point out the div's I'm talking about. The left div has the class "head_narrow", the image has the id "branche_header_image". 
  My CSS looks like this:</p>
  
  <pre><code>.head_narrow {width:380px; float:left;}
  #branche_header_image {float:right;}
  </code></pre>
  
  <p>I am sure that the width of the two divs together is smaller than the width of the wrapper. What's going on?</p>