title: Why is Chrome showing extra line when using Google org chart?
body: <p>I am using <a href="https://developers.google.com/chart/interactive/docs/gallery/orgchart" rel="noreferrer">Google org chart</a> and it works great on every browser except Chrome.  On  Chrome I see these extra lines in between the boxes like this:</p>
  
  <p><a href="https://i.stack.imgur.com/TYA6W.png" rel="noreferrer"><img src="https://i.stack.imgur.com/TYA6W.png" alt="Chrome browser"></a></p>
  
  <p>For all other browsers, the same page shows up as this:</p>
  
  <p><a href="https://i.stack.imgur.com/2Ozg7.png" rel="noreferrer"><img src="https://i.stack.imgur.com/2Ozg7.png" alt="Other browser"></a></p>
  
  <p>As you can see there are no blue lines in between the nodes.  When I look in firebug or chrome dev tools it appears that its:</p>
  
  <pre><code>.google-visualization-orgchart-node
  
  border: 2px solid #b5d9ea;
  </code></pre>
  
  <p>That is causing the issue because if i change the border to 0px then the issue goes away (but the border on the actual nodes also goes away which is obviously an issue.</p>
  
  <p>Any suggestion for how to render this correctly in Chrome.  I don't see this issue happening in the demo link above.</p>