I'm transfroming an object using a 3d matrix and svg. But the same matrix renders differently in different browser. Here is the example:
http://jsfiddle.net/dexus/kcwrjgew/
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" id='svg'>
<rect style='transform:matrix3d(0.325454, 0.0220348, 0, -0.000124338, -0.276499, 0.0647953, 0, -0.000268559, 0, 0, 1, 0, 333, 195, 0, 1)' x='0' y='0' width='100' height='100' fill='yellow' stroke='navy' stroke-width='10' />
</svg>
As you can see it outputs a different images. Can anyone tell me why, and how to get this fixed. Firefox renders it correctly by the way.