title: CSS Boxes - DIVS
body: <p>I have put the following code <a href="http://jsfiddle.net/Yqyeq/" rel="nofollow">here</a></p>
  
  <p>I am having issues with my boxes and they are displaying how they are on the jsfiddle but there is room for another 2 on the top row within my 960 grid. </p>
  
  <p>Why is it pushing it onto two lines?</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>        &lt;div id="holder"&gt;
              &lt;div id="box" class="box"&gt;
                  &lt;p&gt;Text&lt;/p&gt;
                  &lt;/div&gt;
                  &lt;div id="box" class="box"&gt;
                      &lt;p&gt;Text&lt;/p&gt;
                      &lt;/div&gt;
                      &lt;div id="box" class="box"&gt;
                          &lt;p&gt;Text&lt;/p&gt;
                          &lt;/div&gt;
                          &lt;div id="box" class="box"&gt;
                              &lt;p&gt;Text&lt;/p&gt;
                              &lt;/div&gt;
                              &lt;div id="box" class="box"&gt;
                                  &lt;p&gt;Text&lt;/p&gt;
                                  &lt;/div&gt;
                                  &lt;div id="box" class="box"&gt;
                                      &lt;p&gt;Text&lt;/p&gt;
                                      &lt;/div&gt;
              &lt;/div&gt;&lt;!-- Holder End --&gt;
  </code></pre>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>#holder{width:100%;height:600px;}    
  .box{width:260px;min-height:350px;float:left; border:1px solid red;}
      #box{margin-right:80px;}​
  </code></pre>