SVG tspan渲染差异 - 在IE或Chrome或两者中的错误？

下面SVG

<?xml version="1.0" encoding="utf-8" standalone="no"?> 
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 

    <rect id="rect2993" x="20" y="40" width="1000" height="300" style="fill:#aa0000" /> 
<!-- 
    <text x="20" y="40">Example SVG text 1</text> 
--> 

    <text id="txtErrorTitle" x="20" y="40" style="font-size:40px;font-style:normal;font-weight:normal;letter-spacing:0px;word-spacing:0px;fill:#aa0000;fill-opacity:1;stroke:none;font-family:Sans;" 
    xml:space="preserve" > 

     <tspan id="tspan2994" x="10" y="67" style="fill:#FF00FF"> 
      System.Web.HttpException 
     </tspan> 

     <tspan id="tspan29914" x="10" y="100" style="fill:#FF00FF"> 
      System.Web.HttpException 
     </tspan> 

    </text> 

    <circle cx="20" cy="40" r="10" stroke="black" stroke-width="1" fill="yellow" fill-opacity="0.75" /> 
    <circle cx="1020" cy="340" r="10" stroke="black" stroke-width="1" fill="yellow" fill-opacity="0.75" /> 


    <circle cx="10" cy="67" r="10" stroke="black" stroke-width="1" fill="orange" fill-opacity="0.75" /> 

    <text x="1020" y="340" fill="red" transform="rotate(45 1020,340)">I am rotated SVG text</text> 


    <foreignObject class="node" x="46" y="422" width="200" height="300"> 
    <body xmlns="http://www.w3.org/1999/xhtml"> 
     <div> 
     The quick brown fox jumps <font style="color: hotpink;">over</font> the lazy dog. <br />Pack my box with 
     five dozen liquor jugs 
     </div> 
    </body> 
    </foreignObject> 

</svg>

在IE中呈现像我期望它：

SVG Internet Explorer