title: D3.JS ForeignObject not rendering in IE and Firefox
body: <p>As per the guidance I have read, in order to add any html elements in D3.JS SVG we need to create ForeignObjects. So I added a  tag using foreign object and its working just fine in Chrome. Below is the code I am using.</p>
  
  <pre><code>this.g.append('svg:foreignObject')
  .attr('font-size', "15px")
  .attr('x', x - 10)
  .attr('y', y - 55)
  .append("xhtml:div")
  .html('&lt;div class="terst"&gt;some text&lt;/div&gt;&lt;/div&gt;')
  </code></pre>
  
  <p>My problem is, it is not rendered in IE and Firefox. Could you please let me know if I miss anything obvious. </p>