title: No border-spacing before first item and after last item
body: <p>I have a fake table. I use border-spacing property to create a space between them. But this also creates spacing before first cell and after the last cell.</p>
  
  <p>I would like it to create a space only between those two columns.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="table"&gt;
      &lt;div class="cell"&gt;&lt;/div&gt;
      &lt;div class="cell"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.table {
      display: table;
      width: 100%;
      border-spacing: 11px 0;
      border: 1px solid #222;
  }
  
  .cell {
      display: table-cell;
      width: 50%;
      height: 20px;
      border: 1px solid #999;
      background: #ccc;
  }
  </code></pre>
  
  <p>JSFiddle: <a href="http://jsfiddle.net/ACH2Q/">http://jsfiddle.net/ACH2Q/</a></p>