title: Image beside div - float overlap
body: <p>I want to position a few small images beside a div and margin them correclty instead of being overlapped by the <em>emphasized text</em>center-div.</p>
  
  <p>JSFiddle Demo:</p>
  
  <pre><code>`http://jsfiddle.net/k7gLfeuc/`
  </code></pre>
  
  <p>The Problem is: When I scale the browser-window, the images disappear behind the "center"-div instead of margin to it.
  Both Navigation-Div and Center-Div are margin pretty well to each other. But the images wont.
  I tried it already with "clear:left/right/both", but with no success.</p>
  
  <p>What am I doing wrong? I just want the images left to the center-div to margin correctly to the center-div.</p>
  
  <p>Than you.</p>