HTML output relative table width [was: SVG output ...]

The following example has an incorrect width in the middle in SVG output (HTML-CSS is fine).

    <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">
      <mtable>
        <mtr>
          <mtd>
            <mtable frame="solid" width="25em">
              <mtr>
                <mtd>
                  <mn>1</mn>
                </mtd>
                <mtd>
                  <mn>2</mn>
                </mtd>
              </mtr>
              <mtr>
                <mtd>
                  <mi>x</mi>
                </mtd>
                <mtd>
                  <mi>y</mi>
                </mtd>
              </mtr>
            </mtable> 
          </mtd>
        </mtr>
        <mtr>
          <mtd> 
            <mtable frame="solid" width="50%">
              <mtr>
                <mtd>
                  <mn>1</mn>
                </mtd>
                <mtd>
                  <mn>2</mn>
                </mtd>
              </mtr>
              <mtr>
                <mtd>
                  <mi>x</mi>
                </mtd>
                <mtd>
                  <mi>y</mi>
                </mtd>
              </mtr>
            </mtable> 
          </mtd>
        </mtr>
        <mtr>
          <mtd> 
            <mtable frame="solid" width="200px">
              <mtr>
                <mtd>
                  <mn>1</mn>
                </mtd>
                <mtd>
                  <mn>2</mn>
                </mtd>
              </mtr>
              <mtr>
                <mtd>
                  <mi>x</mi>
                </mtd>
                <mtd>
                  <mi>y</mi>
                </mtd>
              </mtr>
            </mtable> 
          </mtd>
        </mtr>
      </mtable>
    </math>