Coordinates and pourcentage

Hi,
I've a problem with the coordinate and I don't undestand why my code doesn't works.

My code :
<?xml version="1.0" encoding="UTF-8"?>
<?AdobeSVGViewer save="snapshot"?>

<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" zoomAndPan="disable">
<svg id="mainMap" x="0" y="0" viewBox="-180 -90 360 180" width="100%" height="100%" cursor="crosshair">
<rect x="-180" y="-90" width="78.125%" height="78.125%" fill="red" />

<rect x="101,25" y="-90" width="1" height="100%" fill="orange"/>
<rect x="-180" y="50.625" width="100%" height="1" fill="orange"/>
</svg>
</svg>

In my opinion, the rectangle should fill the space between the lines.
101.25 is 78.125% of [-180, 180] and 50.625 is 78.125% of [-90, 90].
Where is the mistake ?

Cordialy,
Julien.

Solved problem :

Adding "preserveAspectRatio="none"" to the "svg tag" corrects the problem.

I hope this message can help.

Julien.