title: Can't override border-spacing in User Agent style sheet
body: <p>For some reason I can't override the border-spacing in the User Agent style sheet in Chrome. At the moment it is set to 2px, but I want this to be 0px. The border-collapse gets overridden just fine but the border-spacing does not. </p>
  
  <p>I've also tried adding 
  -webkit-border-horizontal-spacing and 
  -webkit-border-vertical-spacing </p>
  
  <p>But these overrides do not work as well.</p>
  
  <p>My HTML document</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;&lt;link href="inventorystyle.css" rel="stylesheet" type="text/css"&gt;&lt;/head&gt;
    &lt;table border="0" cellspacing="0" cellpadding="0"&gt;
        &lt;tbody&gt;
           &lt;tr&gt;
               &lt;td&gt;&lt;img src="iron-helmet.png"&gt;&lt;/td&gt;
               &lt;td&gt;&lt;img src="gold-helmet.png"&gt;&lt;/td&gt;
               &lt;td&gt;&lt;img src="diamond-helmet.png"&gt;&lt;/td&gt;
           &lt;/tr&gt;
        &lt;/tbody&gt;
    &lt;/table&gt;  
  &lt;/html&gt;
  </code></pre>
  
  <p>My inventorystyle.css</p>
  
  <pre><code>table {
      border-collapse: collapse;
      border-spacing: 0px;
      -webkit-border-horizontal-spacing: 0px;
      -webkit-border-vertical-spacing: 0px;
  }
  </code></pre>