title: Inline SVG with transforms not visible in Firefox, works fine in Chrome
body: <p>I have this code in a PHP script, being served up from Apache.</p>
  
  <pre><code>&lt;?php
  header('Content-type: application/xhtml+xml');
  ?&gt;
  &lt;!DOCTYPE html&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;title&gt;SVG in text/html&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;svg xmlns="http://www.w3.org/2000/svg" version="1.1"&gt;
     &lt;g width="100%" height="100%" transform="matrix(1, 0, 0,1,683,285)" buffered-rendering="dynamic"&gt;
     &lt;line y2="208" x2="85" y1="10" x1="24" stroke="#999"&gt;&lt;/line&gt;&lt;/g&gt;&lt;/svg&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The script works fine in Chrome (draws a straight line on screen). Firefox (18.0.2), however, does not seem to render it at all. I just see a blank white screen.</p>
  
  <p>I've been racking my brains trying to figure this one out, but for the life of me I can't understand why this should happen. Any ideas? I've scoured through all the stackexchange posts on the topic, and none of them helped in my case</p>
  
  <p>Edit: I forgot to mention: it works fine as soon as I remove the 'transform=...' attribute, but I need that for what I'm planning.</p>