<svg/> element does not respect 100% height/width in Firefox

Question

<svg></svg>

http://jsfiddle.net/c6SW6/

It works correctly in Chrome but I cannot seem to get the svg element to fully expand no matter what I try.

Any thoughts?

Answer 1

You need to give html a height of 100% as well:

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

jsfiddle