title: Table Cell Spacing Issues
body: <p>Hi Guys I am using a table: cell-spacing layout for my website and I need some help. I have a two column website, one being the sidebar and the other containing the content. However, if I add any margins within one of the table-cell divs it moves the side bar spacing with it. I need the spacing on these two cells to be different, and I am not sure how to do so. 
  My code is as follows:</p>
  
  <p>The CSS:</p>
  
  <pre><code>content {
      width : 100%;
      display : table;
      margin : 0 auto;
      height : 100%;
  }
  
  #side_bar, #main {
      display : table-cell;
  }
  
  #side_bar {
      border: 1px solid #111;
      width: 13%;
      background: linear-gradient(#444, #111);
  }
  
  #main {
      width: 65%;
  }
  
  #contact_box {
      margin-left: 30%;
      margin-top: 7%;
      background-color: #111;
      opacity: 0.3;
      width: 500px;
      height: 500px;
  }
  </code></pre>
  
  <p>The HTML:</p>
  
  <pre><code>&lt;div id="content"&gt;
      &lt;div id="main"&gt;
          &lt;div id="contact_box"&gt;
              &lt;form method="post" id="contact_form" action="contact.php"&gt;
                  &lt;p&gt;Full Name:&lt;/p&gt; &lt;input type="text" size="40" id="fullname" name="fullname"&gt;&lt;br/&gt;
                  &lt;p&gt;Email Address:&lt;/p&gt; &lt;input type="text" size="40" id="email" name="email"&gt;&lt;br/&gt;
                  &lt;p&gt;Type of Inquiry:&lt;/p&gt; &lt;input type="text" size="40" id="question" name="question"&gt;&lt;br/&gt;
                  &lt;p&gt;Message:&lt;/p&gt; &lt;textarea rows="20" cols="45"&gt;&lt;/textarea&gt;&lt;br/&gt;
                  &lt;input type="submit" style="float:right; text-transform: uppercase;" value="Send"&gt;
              &lt;/form&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div id="side_bar"&gt;
          &lt;div id="divider"&gt;&lt;h1&gt;News Blurb&lt;/h1&gt;&lt;/div&gt;
          &lt;div id="news"&gt;&lt;?php //print_news(); ?&gt;&lt;/div&gt;
          &lt;div id="divider"&gt;&lt;h1&gt;Featured Games&lt;/h1&gt;&lt;/div&gt;
          &lt;div id="featured"&gt;&lt;?php //echo $games ?&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Thank you for any and all help.</p>