title: How to stop divs from collapsing on page resize?
body: <p>HTML:</p>
  
  <pre><code>&lt;div id="wrapper"&gt;
  
      &lt;div id="tabs"&gt;   
      &lt;/div&gt; &lt;!-- tabs close !--&gt;
  
  
      &lt;div id="verticalStack"&gt;
  
          &lt;div id="accordion"&gt;
          &lt;/div&gt; &lt;!-- accordion close !--&gt;
  
  
          &lt;div id="usersBox"&gt;
          &lt;/div&gt;&lt;!-- usersBox close !--&gt;
  
          &lt;div id="displayProductButtons"&gt;
          &lt;/div&gt; &lt;!-- displayProductButtons close !--&gt;
  
      &lt;/div&gt;  &lt;!-- verticalStack !--&gt;
  
  
  &lt;/div&gt; &lt;!-- wrapper close !--&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>body {
     margin:0;
     padding:0;
     font-family: Verdana, Times, serif;
     font-size: 12px;
     color: #333333;
     background-color: #F9F9F9;
     min-width: 944px;
  }
  
  #wrapper{
      margin:10px;
      width:90%;
  }
  
  
  #tabs {
      float:left;
      width:700px;
      margin-right: 10px; 
  }
  
  #verticalStack{
      float:left;
      width:400px;
      height:500px;
  }
  
  #accordion{
      float:left; 
  }
  
  #usersBox{
      width:100%;
      margin-top:10px;
      float:left;
      border:1px solid #aaa;
      border-radius:5px;
  }
  
  #display{
      margin-top:25px;
      float:left;
  }
  </code></pre>
  
  <p>The page looks like this:</p>
  
  <pre><code> ------------------------------------
  | wrapper                            |
      -----   ------------------
  |  |tabs|   |verticalStack    |      |
     -----   ------------------- 
  |          |  |accordion   |  |      |
              -------------           
  |          |  |usersBox    |  |      |
              -------------        
  |          |  |display     |  |      |
              --------------
  |          |                  |      |
              ----------------         
  |-------------------------------------
  </code></pre>
  
  <p>When I resize the page the <code>veritcalStack</code> div (along with the inner divs) falls under the tabs div. Can someone please explain to me why this occurs and what I can do about it, thanks.</p>
  
  <p><strong>UPDATE 1:</strong> Added wrapper div to structure diagram</p>