title: I'm trying to get the two cels the same size but the left one stays bigger
body: <p>I want to get the two tables-cels to take up an equal amount of space but the one on the left stays bigger than the right one.</p>
  
  <p>I entered this code into <a href="http://jsfiddle.net/y5DF4/" rel="nofollow">jsfiddle</a> and it looks fine, but it's lop-sided on my site.</p>
  
  <p>Anybody have an idea of what I'm missing?</p>
  
  <p>here's the html:</p>
  
  <pre><code>        &lt;div class="terms"&gt;    
          &lt;div id="c1"&gt;
          &lt;h3&gt;This is the left side&lt;/h3&gt;
  &lt;p&gt;&amp;nbsp;&lt;/p&gt;
              &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
          &lt;/div&gt;
          &lt;div id="c2"&gt;
          &lt;h3&gt;This is the right side&lt;/h3&gt;
              &lt;p&gt;&amp;nbsp;&lt;/p&gt;
              &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. &lt;/p&gt;
          &lt;/div&gt; 
          &lt;/div&gt;               
  
  &lt;/div&gt;       
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And here's the CSS:</p>
  
  <pre><code>.terms {
      margin-top: 25px;
      clear:both;
      width: 100%;
      display:table;
      border-spacing: 35px 75px 35px 75px;
  }
  
  #c1, #c2, #c3 {
      display:table-cell;
      font-family:'Lato', Arial, Helvetica, sans-serif;
      color: #787878;
      line-height: 25px;
      letter-spacing: 1px;
  }
  
  #c1, #c2, #c3 h3 {
      padding: 20px 20px 20px 20px;
      font-family: Lato, Arial, Helvetica, sans-serif;
      font-size: 15px;
  }
  
  p {
      color: #828282;
      font-family: Lato, Arial, Helvetica, sans-serif;
      font-size: 12px;
      line-height: 18px;
      text-align: justify;
  }
  </code></pre>