title: Why won't text-transform work on SVG text in Firefox?
body: <p>I started experimenting with SVG and I'm not sure if this is something I'm doing wrong, it's not supported or it's just a Firefox bug.</p>
  
  <p>This is the line in SVG  </p>
  
  <pre><code>&lt;text x="177" y="658"&gt;Web Interactive&lt;/text&gt;
  </code></pre>
  
  <p>These are the styles  </p>
  
  <pre><code>svg text{
  position:relative;
  font-size:7.3em;
  font-family:'GothamBookRegular',Helvetica,Arial,sans-serif;
  font-variant:normal;
  font-style:normal;
  text-transform:uppercase;
  text-align:left;
  fill:#282828;
  color:#282828;
  }
  </code></pre>
  
  <p>This works in Opera, Chrome, IE9 and Safari. I've also tested <code>letter-spacing</code>, and it works on all but Firefox too.</p>
  
  <p>Reference page: <a href="http://heyvian.com/svg/indexb.html" rel="nofollow">SVG Experimenting</a></p>