The <svg / "> element does not take 100% height / width into account in Firefox.

Question

<svg></svg>

http://jsfiddle.net/c6SW6/

It works correctly in Chrome, but I cannot force the svg element to expand completely no matter what I try to do.

Any thoughts?

Answer 1

You need to specify html height of 100%:

 body, html { height: 100%; width: 100%; margin: 0; padding: 0; } 

jsfiddle