<!DOCTYPE HTML>
<html>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=363146
-->
<head>
  <title>Test for Bug 363146</title>
  <script type="text/javascript" src="/MochiKit/MochiKit.js"></script>
  <script src="/tests/SimpleTest/SimpleTest.js"></script>        
  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
</head>
<body>
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=399349">Mozilla Bug 399349</a>

<!-- Test parsing of integer numbers -->
<div id="Aone" style="width:100px; height:400px; top:-100px; left: -200px;position:relative;"></div>

<!-- Test parsing of float numbers -->
<div id="Atwo" style="width:150.2px; height:450.25px; top:-150.2px; left: -450.25px;position:relative;"></div>
<div id="Athree" style="width:.1px; height:0.3px; top:-0.1px; left:-0.3px;position:relative;"></div>
<div id="Afour" style="width:+100.017px; height:+400.017px; top:-.117px; left: -.217px;position:relative;"></div>

<!-- Test parsing of long fractions -->
<div id="Afive" style="width:+2345.0000000000000000000000000000000000001px; height:+456.000000000000000000000000000001px;
                       top:-2123.000000000000000000000000000000000001px; left:-6543.99999999999999999999999999999999px;
                       position:relative;"></div>

<!-- Force parsing of long numbers (>9 digits), if they are zero's. Note css itself can't handle large numers -->
<div id="Asix" style="width:+000000000012px; height:+000000000037.456788px;
                       top:-000000000023px; left:-000000000044.456788px;
                       position:relative;"></div>

<div id="content" style="display: none">
  
</div>
<pre id="test">
<script class="testbody" type="text/javascript">

var a1 = window.getComputedStyle(document.getElementById("Aone"));
is(a1.width, "100px");
is(a1.height, "400px");
is(a1.top, "-100px");
is(a1.left, "-200px");

var a2 = window.getComputedStyle(document.getElementById("Atwo"));
is(a2.width, "150.2px");
is(a2.height, "450.25px");
is(a2.top, "-150.2px");
is(a2.left, "-450.25px");

var a3 = window.getComputedStyle(document.getElementById("Athree"));
is(a3.width, "0.1px");
is(a3.height, "0.3px");
is(a3.top, "-0.1px");
is(a3.left, "-0.3px");

var a4 = window.getComputedStyle(document.getElementById("Afour"));
is(a4.width, "100.017px");
is(a4.height, "400.017px");
is(a4.top, "-0.117px");
is(a4.left, "-0.217px");

var a5 = window.getComputedStyle(document.getElementById("Afive"));
is(a5.width, "2345px");
is(a5.height, "456px");
is(a5.top, "-2123px");
is(a5.left, "-6544px");

var a6 = window.getComputedStyle(document.getElementById("Asix"));
is(a6.width, "12px");
is(a6.height, "37.45px");
is(a6.top, "-23px");
is(a6.left, "-44.4568px");

</script>

</script>
</pre>
</body>
</html>