title: Can't use negative right margin on table element?
body: <p>I'm trying to use table-cell elements in a grid system that utilizes negative margins on rows to eliminate the left and right gutters on nested grid elements.  This works fine on floated and inline-block elements, but elements with <code>display: table</code>, while respecting the negative left margin, ignore the negative right margin:</p>
  
  <p><img src="https://i.stack.imgur.com/TXHdq.jpg" alt="Table with negative right margin"></p>
  
  <p>Strange, eh? A simple demonstration: <a href="http://jsfiddle.net/57FAN/1/" rel="noreferrer">http://jsfiddle.net/57FAN/1/</a></p>
  
  <p>All browsers seem to have implemented this the same way, unfortunately.  Any ideas?</p>
  
  <p>P.S.  Let's postpone the debate over table-* elements for layout until flex box is standardized.</p>