1<html>
2<head>
3<link rel="stylesheet" href="../../fast/js/resources/js-test-style.css"/>
4<style type="text/css">
5 body, div {
6 margin: 0;
7 padding: 0;
8 border: 0;
9 }
10 #top, #bottom {
11 line-height: 1.5;
12 font-size: 70%;
13 background:green;
14 color:white;
15 width:100%;
16 }
17 #top {
18 padding:.6em 0 .7em;
19 }
20 #bottom {
21 position:absolute;
22 top:2.8em;
23 }
24</style>
25</head>
26<body>
27
28<div id="top">no gap below</div>
29<div id="bottom">no gap above</div>
30
31<div id="description"></div>
32<div id="console"></div>
33<script src="../../fast/js/resources/js-test-pre.js"></script>
34<script>
35
36description("This test checks that floating point rounding doesn't cause misalignment. There should be no gap between the divs.");
37
38var divtop = document.getElementById("top").getBoundingClientRect();
39var divbottom = document.getElementById("bottom").getBoundingClientRect();
40shouldBe('divtop.bottom', '31');
41shouldBe('divbottom.top', '31');
42
43successfullyParsed = true;
44</script>
45
46<script src="../../fast/js/resources/js-test-post.js"></script>
47
48</body>
49</html>