title: SVG filter only working when added in style attribute (Firefox)
body: <p>I added a blur effect svg to my HTML(text/html):</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;...&lt;/head&gt;
      &lt;body&gt;
          ...
          &lt;svg xmlns="http://www.w3.org/2000/svg" height="0"&gt;
              &lt;filter height="116%" width="116%" y="-8%" x="-8%" id="svgBlur"&gt;
                   &lt;feGaussianBlur stdDeviation="8" in="SourceGraphic"/&gt;
              &lt;/filter&gt;
          &lt;/svg&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Which I reference to in my CSS sheet:</p>
  
  <pre><code>#page-container {
      filter: url("#svgBlur");
      -webkit-filter: blur(8px);
  }
  </code></pre>
  
  <p><strong>Doing this makes the #page-container appear white</strong> (FF doesn't recognize the SVG filter).</p>
  
  <hr>
  
  <p><strong>The funky part:</strong></p>
  
  <p>When I disable the above filter rule in Firebug and readd it in the style attribute of the #page-container, it works like a charm.</p>
  
  <pre><code>&lt;div id="page-container" style="filter: url("#svgBlur");"&gt;
  </code></pre>
  
  <p>What am I overseeing?</p>
  
  <hr>
  
  <p>Response headers:</p>
  
  <pre><code>Cache-Control   no-cache, must-revalidate, post-check=0, pre-check=0
  Connection  Keep-Alive
  Content-Encoding    gzip
  Content-Language    nl
  Content-Length  6098
  Content-Type    text/html; charset=utf-8
  Date    Mon, 02 Dec 2013 14:47:01 GMT
  Etag    "1385995621"
  Expires Sun, 19 Nov 1978 05:00:00 GMT
  Keep-Alive  timeout=15, max=100
  Last-Modified   Mon, 02 Dec 2013 14:47:01 +0000
  Link    &lt;/nl/node/215271&gt;; rel="canonical",&lt;/nl/node/215271&gt;; rel="shortlink"
  Server  Apache/2.2.3 (Red Hat)
  Vary    Accept-Encoding
  X-Powered-By    PHP/5.3.19
  </code></pre>
  
  <hr>
  
  <p><code>Problem on Firefox 25 OSX. Webkit browsers work fine, because they use the css blur filter</code></p>