title: border-spacing without outer spacing
body: <p>My bad, i have a div and a div-table: </p>
  
  <pre><code>&lt;div style="padding: 20px; border: 1px solid red;"&gt;
    &lt;div style="width: 100%; display: table; border-spacing: 20px;"&gt;
      &lt;div style="display: table-cell; width: 33%; border: 1px solid blue;"&gt;a&lt;/div&gt;
      &lt;div style="display: table-cell; width: 33%;"&gt;a&lt;/div&gt;
      &lt;div style="display: table-cell; width: 33%;"&gt;a&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The distance be blue square and the red square is <code>40px</code> instead of <code>20px</code>.</p>
  
  <p>I can not set the table's border to zero-width because border is a outer-distance and spacing is (like padding) a inner-distance.</p>
  
  <p>I Can not drop the <code>border-spacing</code> because by principle its the correct decision to use it.</p>
  
  <p>Any idea how to get the distance to <code>20px</code> without changing the outer <code>div</code>'s padding?</p>