title: Removing elements in layout breaks layout
body: <p>When I remove the commented sections from the following code, it breaks the whole layout. This is bizarre, since the div and table that get commented out shouldn't affect the layout as a whole. Why is this happening?</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;title&gt; Packard Carburetors &lt;/title&gt;
  &lt;link rel="stylesheet" type="text/css" href="css/reset.css" /&gt;
  &lt;link rel="stylesheet" type="text/css" href="css/style.css" /&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div class="wrapper"&gt;
  
  &lt;div id="header"&gt;
      &lt;h1 id="banner"&gt;Packard Carburetors&lt;/h1&gt;
  &lt;/div&gt;&lt;!--Header--&gt;
  
  &lt;div id="navbar" class="green"&gt;
      &lt;ul id="navigation"&gt;
          &lt;li&gt;HOME&lt;/li&gt;
          &lt;li&gt;PACKARD
              &lt;ul class="sub-nav"&gt;
                  &lt;li&gt;-1930 Speedster&lt;/li&gt;
                  &lt;li&gt;-1929-31 Super 8&lt;/li&gt;
                  &lt;li&gt;-Late 1931-32 Super 8&lt;/li&gt;
                  &lt;li&gt;-1929-31 Standard 8&lt;/li&gt;
                  &lt;li&gt;-Late 1931-32 Standard 8&lt;/li&gt;
                  &lt;li&gt;-Rare Parts&lt;/li&gt;
                  &lt;li class="last"&gt;-745 Parts&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/li&gt;
          &lt;li&gt;CADILLAC
              &lt;ul class="sub-nav"&gt;
                  &lt;li&gt;-1932-33 V12 &amp; V16&lt;/li&gt;
                  &lt;li class="last"&gt;-1934-1937 V12 &amp; V16&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/li&gt;
          &lt;li&gt;SHOPPING CART&lt;/li&gt;
          &lt;li&gt;CHECK OUT&lt;/li&gt;
          &lt;li&gt;CONTACT US&lt;/li&gt;
      &lt;/ul&gt;&lt;!--Navigation--&gt;
  
      &lt;img id="#navbar-logo" src="img/logo.png"&gt;
      &lt;p id="nav-phone" class="black center bold"&gt;775.842.4282&lt;/p&gt;
      &lt;p class="black center nav-small bold"&gt;packardcarbs@gmail.com&lt;/p&gt;
      &lt;p class="black center nav-small bold"&gt;Sparks, NV USA&lt;/p&gt;
  &lt;/div&gt;&lt;!--Navbar--&gt;
  
  &lt;div id="content"&gt;
  
      &lt;h1 class="home-banner green center bold"&gt;All Packard Carburetors 1929-'32&lt;/h1&gt;
      &lt;h2 class="home-banner green center bold"&gt;1930 Speedster &lt;span class="black"&gt;|&lt;/span&gt; 1929-32 Super 8 &lt;span class="black"&gt;|&lt;/span&gt; 1929-32 Standard 8&lt;/h2&gt;
      &lt;hr&gt;
      &lt;h1 class="home-banner green center bold"&gt;Cadillac Carburetors&lt;/h1&gt;
      &lt;h2 class="home-banner green center bold"&gt;1932 - 1937 V-12 &amp; V-16&lt;/h2&gt;
  
      &lt;img id="detroit-lubricator" src="img./detroit-lubricator.png"&gt;
  
      &lt;div id="middle-column"&gt;
          &lt;ul id="feature-list-home"&gt;
              &lt;li&gt;Silicone Bronze Investment Casting&lt;/li&gt;
              &lt;li&gt;Precision CNC Brass Machine Parts&lt;/li&gt;
              &lt;li&gt;Viton-Tipped Needles&lt;/li&gt;
              &lt;li&gt;Current Design
                  &lt;ul id="sub-feature-list-home"&gt;
                      &lt;li&gt;-Needle Seats&lt;/li&gt;
                      &lt;li&gt;-Pressure Valves&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
              &lt;li&gt;Authentic Polished Brass Components&lt;/li&gt;
              &lt;li&gt;Gasoline and Ethanol Proof Exterior Coating&lt;/li&gt;
              &lt;li&gt;Exact Size as Original&lt;/li&gt;
          &lt;/ul&gt;
  
          &lt;!--&lt;img id="middle-bar-spacer" src="img/divider-bar.png"&gt;
  
          &lt;div id="box-and-copy"&gt;
              &lt;img id="boxes" src="img/packard-boxes.png"&gt;
  
              &lt;p class="bold"&gt;All Components In-Stock!&lt;/p&gt;
              &lt;p&gt;Your Carburetor will be professionally assembled, engine tested and shipped quickly worldwide.&lt;/p&gt;
          &lt;/div&gt;&lt;!-- Box and copy --&gt;
  
      &lt;/div&gt;&lt;!--Middle Column --&gt;
  
      &lt;div id="right-column"&gt;
          &lt;!--&lt;table&gt;
              &lt;tr&gt;
                  &lt;td&gt;&lt;img src="img/carb-1.png"&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;img src="img/carb-1.png"&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;1930 Speedster&lt;/td&gt;
                  &lt;td&gt;1929-1931 Super 8&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;&lt;img src="img/carb-3.png"&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;img src="img/carb-4.png"&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;1932 Super 8&lt;/td&gt;
                  &lt;td&gt;1929-1931 Standard 8&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;&lt;img src="img/box.png"&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;img src="img/carb-5.png"&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;&lt;/td&gt;
                  &lt;td&gt;1932 Standard 8&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;--&gt;
      &lt;/div&gt; &lt;!--Right Column--&gt;
      &lt;div class="clear"&gt;&lt;/div&gt;
  
      &lt;img class="bottom-spacer" src="img/spacer-bottom.png"&gt;
  
  &lt;/div&gt;&lt;!--Content--&gt;
  
  &lt;/div&gt;&lt;!--Wrapper--&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>/*General styles*/
  
  .wrapper {
      width: 940px;
      margin: 0 auto;
      text-align: left;
      background-image: url('../img/body-bg.png');
      background-repeat: repeat-y;
      overflow: auto;
  }
  
  body {
      font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
      font-size: 12px;
  }
  
  h1 {
      font-size: 3em;
  }
  
  h2 {
      font-size: 2em;
  }
  
  #content {
      float: left;
      width: 700px;
      padding: 10px 0px 0px 20px;
  
  }
  
  #banner {
      display: inline-block;
      text-indent: -9999px;
      width: 940px;
      height: 201;
      background-image: url('../img/banner.png');
  }
  
  .clear {
      clear: both;
  }
  
  /* Nav Stuff */
  
  #navbar {
      width: 190px;
      font-weight: bold;
      font-size: 1.33em;
      padding: 20px 20px 0px 10px;
      float: left;
  }
  
  #navigation li {
      padding-bottom: 20px;
  }
  
  .sub-nav{
      font-size: .87em;
      padding-top: 20px;
      padding-left: 2.5em;
  }
  
  #navigation li ul.sub-nav li.last {
      padding-bottom: 0px;
  }
  
  #nav-phone {
      font-size: 1.19em;
      padding-top: 15px;
  }
  
  .nav-small {
      font-size: .75em;
      padding-top: 5px;
  }
  
  /* Middle Column */
  #middle-column{
      width: 220px;
      float: left;
      padding-right: 20px;
      margin-top: 40px;
      border-right: 2px solid #000000;
  }
  
  #feature-list-home {
      list-style-image: url('../img/bullet.png');
      font-size: 1.17em;
      padding-left: 20px;
      font-weight: bold;
      padding-bottom: 40px;
  }
  
  #feature-list-home li {
      padding-bottom: 20px;
  }
  
  #sub-feature-list-home {
      padding-left: 10px;
  }
  
  #sub-feature-list-home li {
      padding-bottom: 0px;
  }
  
  #middle-bar-spacer {
      padding-bottom: 20px;
  }
  
  #boxes {
      padding-bottom: 10px;
  }
  
  #box-and-copy {
      font-size: 1.33em;
      line-height: 1.5em;
      text-align: center;
  }
  
  /* Home Page Right Column */
  
  #right-column {
      float: left;
      width: 420px;
      padding-left: 30px;
      padding-top: 20px;
      overflow: hidden;
  }
  
  #right-column table {
      text-align: center;
      font-weight: bold;
      line-height: 3em;
  }
  
  #right-column table td {
      width:210px;
  }
  
  /* Home Content Banner Stuff */
  
  .home-banner {
      line-height: 1.25em;
  }
  
  #detroit-lubricator {
      margin-top: 10px;
  }
  
  /* Footer */
  .bottom-spacer {
      padding-bottom: 50px;
  }
  
  /* OOCSS properties */
  
  .green{
      color: #117041;
  }
  
  .black{
      color: #000000;
  }
  
  .center {
      text-align: center;
  }
  
  .bold {
      font-weight: bold;
  }
  </code></pre>