title: Exported SVG file rendered differently in browsers
body: <p>I'm having problems in understanding what causes <a href="https://rawgit.com/amergin/8d00245edbb074bbcbad/raw/e5066f6bec1b4b18c5d5c3dde5367e62aeec9105/dc-js-exported-with-crowbar2.svg" rel="nofollow">this file</a> to be rendered differently in browsers (Chrome: only axes visible, Safari and FF display the main content and axes). </p>
  
  <p>It's a figure that has been exported from <a href="http://dc-js.github.io/dc.js/" rel="nofollow">DC.js example page</a>, first figure, using <a href="https://github.com/NYTimes/svg-crowbar" rel="nofollow">SVG-crowbar2</a>. </p>
  
  <p>Basically the Crowbar just looks for any external css rules applied to the SVG element and applies them as inline css. The question is what css rules cause the elements to be shown differently?</p>