#23 Breaks SVG rendering

[Anonymous]

I found, that TabEffect breaks some SVG-graphics rendering. Unfortunately I cannot provide demo link, because the certain SVG Gfx I know of, is in an online browser game, which needs authentication. Here is the SVG XML:

[code]
<?xml version="1.0" encoding="ISO-8859-1" standalone="no"?>
<?xml-stylesheet href="i/i/svg.css" type="text/css"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version = "1.1" viewBox="0 0 4000 3400"
xmlns="http://www.w3.org/2000/svg">
<desc>Comunio-Marktwertgrafik Kahn</desc>
<rect class="tradableback" x="0" y="0" width="4000" height="3400" />
<path class="top" d="M4000,200 v-120 a80,80 0 0,0 -80,-80 H80 a80,80 0 0,0 -80,80 V200 z" />
<rect class="contentback" x="5" y="200" width="3990" height="3180" />
<path class="topline" d="M0,205 h4000" />
<rect class="graphback" x="300" y="300" width="3100" height="2300" />
<path class="grid" d=" M300,300.0000 h3100 M300,760.0000 h3100 M300,1220.0000 h3100 M300,1680.0000 h3100 M300,2140.0000 h3100" />
<path class="axis" d="M300,2140 h3100" />
<path class="axis" d="M300,300 v2300 M3400,300 v2300 M300,2600 h3100" />
<path class="tics" d="M293,300.0000 h57 M293,530.0000 h57 M293,760.0000 h57 M293,990.0000 h57 M293,1220.0000 h57 M293,1450.0000 h57 M293,1680.0000 h57 M293,1910.0000 h57 M293,2140.0000 h57 M293,2370.0000 h57 " />
<path class="tics" d="M3407,2600 h-57 M3407,2447 h-57 M3407,2293 h-57 M3407,2140 h-57 M3407,1987 h-57 M3407,1833 h-57 M3407,1680 h-57 M3407,1527 h-57 M3407,1373 h-57 M3407,1220 h-57 M3407,1067 h-57 M3407,913 h-57 M3407,760 h-57 M3407,607 h-57 M3407,453 h-57 M3407,300 h-57 " />
<path class="tics" d="M3400,2607 v-57 M3156,2607 v-57 M2912,2607 v-57 M2669,2607 v-57 M2425,2607 v-57 M2181,2607 v-57 M1937,2607 v-57 M1693,2607 v-57 M1449,2607 v-57 M1206,2607 v-57 M962,2607 v-57 M718,2607 v-57 M474,2607 v-57 " />

<svg x="300" y="300" width="3100" height="2300" viewBox="0 0 890 100" preserveAspectRatio="none">
<path class="pplus" d="M10,80 v-20" />
<path class="pplus" d="M40,80 v-20" />
<path class="pplus" d="M110,80 v-40" />
<path class="pplus" d="M180,80 v-40" />
<path class="pplus" d="M250,80 v-20" />
<path class="pplus" d="M320,80 v-40" />
<path class="pplus" d="M390,80 v-40" />
<path class="pplus" d="M810,80 v-20" />
<path class="pplus" d="M850,80 v-60" />
</svg>
<svg x="300" y="300" width="3100" height="2300" viewBox="0 0 890 750" preserveAspectRatio="none">
<path class="value" stroke-width="4" d="M0,410 L10,410 L20,380 L30,510 L40,370 L50,96 L60,570 L70,740 L80,580 L90,710 L100,460 L110,660 L120,410 L130,630 L140,580 L150,350 L160,350 L170,310 L180,410 L190,310 L200,290 L210,400 L220,410 L230,240 L240,250 L250,390 L260,390 L270,390 L280,250 L290,380 L300,230 L310,280 L320,330 L330,240 L340,250 L350,240 L360,240 L370,50 L380,190 L390,220 L400,440 L410,470 L420,470 L430,330 L440,250 L450,260 L460,260 L470,210 L480,230 L490,340 L500,230 L510,60 L520,400 L530,500 L540,320 L550,480 L560,410 L570,460 L580,420 L590,420 L600,410 L610,410 L620,600 L630,560 L640,520 L650,490 L660,520 L670,600 L680,350 L690,570 L700,450 L710,550 L720,650 L730,600 L740,460 L750,560 L760,550 L770,500 L780,510 L790,430 L800,480 L810,420 L820,360 L830,420 L840,360 L850,490 L860,330 L870,650 L880,400 L890,250" />
</svg>
<g class="label" transform="translate(0,40)">
<g style="text-anchor:start">
<text x="3435" y="2600">1.450.000</text>

<text x="3435" y="2293">1.550.000</text>
<text x="3435" y="1987">1.650.000</text>
<text x="3435" y="1680">1.750.000</text>
<text x="3435" y="1373">1.850.000</text>
<text x="3435" y="1067">1.950.000</text>
<text x="3435" y="760">2.050.000</text>
<text x="3435" y="453">2.150.000</text>
</g>
<g style="text-anchor:end">
<text x="250" y="300">8</text>

<text x="250" y="530">7</text>
<text x="250" y="760">6</text>
<text x="250" y="990">5</text>
<text x="250" y="1220">4</text>
<text x="250" y="1450">3</text>
<text x="250" y="1680">2</text>
<text x="250" y="1910">1</text>
<text x="250" y="2140">0</text>
<text x="250" y="2370">-1</text>

<text x="250" y="2600">-2</text>
</g>
</g>
<g class="labelx" transform="translate(0,40)">
<g transform="matrix(0,-1,1,0,0,0)">
<text x="-2600" y="3440">2.02</text>
<text x="-2600" y="3196">26.01</text>
<text x="-2600" y="2952">19.01</text>
<text x="-2600" y="2709">12.01</text>
<text x="-2600" y="2465">5.01</text>
<text x="-2600" y="2221">29.12</text>

<text x="-2600" y="1977">22.12</text>
<text x="-2600" y="1733">15.12</text>
<text x="-2600" y="1489">8.12</text>
<text x="-2600" y="1246">1.12</text>
<text x="-2600" y="1002">24.11</text>
<text x="-2600" y="758">17.11</text>
<text x="-2600" y="514">10.11</text>
</g>
</g>
<rect class="key" x="5" y="3000" width="3990" height="395" />

<g class="label">
<path class="keyvalue" d="M450,3110 h-300" />
<text x="500" y="3150">Wertentwicklung</text>
<path class="keypplus" d="M450,3320 h-300" />
<text x="500" y="3350">Punkte</text>
<text x="1550" y="3150">12-Monatsmin.: 950.000 am 9. Februar.</text>
<text x="1550" y="3350">12-Monatsmax.: 3.070.000 am 4. Juni.</text>
</g>
<text class="title" x="2000" y="150">Kahn (Bayern München)</text>
</svg>
[/code]