title: SVG with Shadow not displaying on some pages in Firefox
body: <p>So here's the svg script (I have it embedded like this on the page):</p>
  
  <pre><code>&lt;svg id="cartTab" viewBox="0 0 600 65" preserveAspectRatio="xMinYMin"&gt;
          &lt;defs&gt;
              &lt;filter id="tabShadow" x="-10%" y="-10%" width="110%" height="110%"&gt;
                  &lt;feOffset result="offOut" in="SourceAlpha" dx="0" dy="0" /&gt;
                  &lt;feGaussianBlur result="blurOut" in="offOut" stdDeviation="2" /&gt;
                  &lt;feComponentTransfer&gt;
                      &lt;feFuncA type="linear" slope="0.3"/&gt;
                  &lt;/feComponentTransfer&gt;
                  &lt;feMerge&gt; 
                      &lt;feMergeNode/&gt;
                      &lt;feMergeNode in="SourceGraphic"/&gt; 
                  &lt;/feMerge&gt;
              &lt;/filter&gt;            
          &lt;/defs&gt;
          &lt;path fill="#658FBF" d="M4,65.7V16.4C4,9.7,9.7,4,16.4,4c0,0,234.6,0,276.8,0c136,0,113.6,61.7,272.1,61.7
          C625.1,65.7,4,65.7,4,65.7z" filter="url(#tabShadow)"/&gt;        
          &lt;/svg&gt;
  </code></pre>
  
  <p>Now this displays in Chrome and IE on all pages just fine, however in firefox, I can only get this to display on my homepage, all the other pages it's just not there.  If I remove the shadow filter it works though.</p>
  
  <p>Am I doing something wrong with the filter?</p>