title: CSS floats on window resize: Behavior breaks design
body: <p>I got this CSS layout: <a href="http://www.cssdesk.com/Lgg4q" rel="nofollow">http://www.cssdesk.com/Lgg4q</a></p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div id="wrap"&gt;        
          &lt;div class="img-wrap"&gt;
              &lt;img src="http://unikatmag.de/wp-content/uploads/2010/11/team-dummy.jpg" /&gt;
          &lt;/div&gt;
          &lt;div class="info"&gt;
              &lt;p&gt;Lorem&lt;/p&gt;
              &lt;p&gt;ipsum&lt;/p&gt;
          &lt;/div&gt;
  
          &lt;div class="img-wrap"&gt;
              &lt;img src="http://unikatmag.de/wp-content/uploads/2010/11/team-dummy.jpg" /&gt;
          &lt;/div&gt;
          &lt;div class="info"&gt;
              &lt;p&gt;Lorem&lt;/p&gt;
              &lt;p&gt;ipsum&lt;/p&gt;
          &lt;/div&gt;
  
          &lt;div class="img-wrap"&gt;
              &lt;img src="http://unikatmag.de/wp-content/uploads/2010/11/team-dummy.jpg" /&gt;
          &lt;/div&gt;
          &lt;div class="info"&gt;
              &lt;p&gt;Lorem&lt;/p&gt;
              &lt;p&gt;ipsum&lt;/p&gt;
          &lt;/div&gt;        
      &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>body {
      background-color: grey;
      font: 18px/ Times;
      color: black;
  }
  
  body, html {
      height: 100%;
      width: 100%;
  }
  
  p { text-align: justify; }
  
  
  #wrap {
      width: 80%;
      margin-left: 10%;
      padding-top: 2%;
      position: absolute;
      font-size: 14px;
      background: yellow;
  }
  
  .info {
      margin-right: 5%;
      padding-top: 2%;
      float: left;
  }
  
  
  .img-wrap {
      position: relative;
      display: inline-block;
      max-width: 100%;
  
      float: left;
      margin-right: 1%;
      margin-top: 1%;
  }​
  </code></pre>
  
  <p>When you resize the browser window (smaller), you can see that the behavior of the divs basically breaks the design. How to handle this problem?</p>
  
  <p>My thought was to give the <code>#wrap</code> a height, but that won't work like it should.</p>