title: display:table breaking set width/height
body: <p>Recently, I like using <a href="http://www.digital-web.com/articles/everything_you_know_about_CSS_Is_wrong/" rel="nofollow noreferrer">CSS-Table Layouts</a> more and more.</p>
  
  <p>When I had <a href="https://stackoverflow.com/questions/8729344/chrome-vs-box-sizingborder-box-in-a-displaytable/">another issue</a> with <code>display:table</code>, @vincicat pointed out that <strong>a table layout would have the ability to break the assigned css <code>width</code>/<code>height</code></strong>.</p>
  
  <p>I experimented a little and came across browser inconsistencies: <a href="http://jsfiddle.net/fabb/WywqB/" rel="nofollow noreferrer">http://jsfiddle.net/fabb/WywqB/</a></p>
  
  <p><img src="https://i.stack.imgur.com/sTx4S.png" alt="Rendering in Chrome"> in Chrome</p>
  
  <p><img src="https://i.stack.imgur.com/SGCLm.png" alt="Rendering in Opera"> in Opera</p>
  
  <p>Is it true that <code>display:table</code> can alter assigned CSS <code>width</code> or <code>height</code>? Are there any sources in the W3C specs stating that (I didn't find anything yet)?</p>
  
  <p>Shouldn't the browsers behave the same? Which of the browsers is right?</p>