diff options
-rw-r--r-- | tests/unit/position/position.html | 17 |
1 files changed, 11 insertions, 6 deletions
diff --git a/tests/unit/position/position.html b/tests/unit/position/position.html index 501583f8b..52569289a 100644 --- a/tests/unit/position/position.html +++ b/tests/unit/position/position.html @@ -24,21 +24,26 @@ <ol id="qunit-tests"> </ol> +<!-- +elements smaller than 10px have a line-height set on them to avoid a bug in IE6 +.height() returns the greater of the height and line-height +--> + <div id="main" style="position: absolute; top: 0; left: 0;"> - <div id="el1" style="position: absolute; width: 6px; height: 6px;"></div> - <div id="el2" style="position: absolute; width: 6px; height: 6px;"></div> - <div id="parent" style="position: absolute; width: 6px; height: 6px; top: 4px; left: 4px;"></div> + <div id="el1" style="position: absolute; width: 6px; height: 6px; line-height: 6px;"></div> + <div id="el2" style="position: absolute; width: 6px; height: 6px; line-height: 6px;"></div> + <div id="parent" style="position: absolute; width: 6px; height: 6px; top: 4px; left: 4px; line-height: 6px;"></div> </div> <div style="position: absolute; top: 0px; left: 0px"> - <div id="elx" style="position: absolute; width: 10px; height: 10px;"></div> + <div id="elx" style="position: absolute; width: 10px; height: 10px; line-height: 10px;"></div> <div id="parentx" style="position: absolute; width: 20px; height: 20px; top: 40px; left: 40px;"></div> </div> <div style="position: absolute; top: 200px; left: 100px;"> - <div id="el-offset-100-200" style="position: absolute; width: 10px; height: 10px;"></div> + <div id="el-offset-100-200" style="position: absolute; width: 10px; height: 10px; line-height: 10px;"></div> <div style="position: absolute; top: 100px; left: 50px;"> - <div id="el-two-offset-150-300" style="position: absolute; width: 10px; height: 10px;"></div> + <div id="el-two-offset-150-300" style="position: absolute; width: 10px; height: 10px; line-height: 10px;"></div> <div id="el-fixed" style="position: fixed; top: 200px; left: 200px;"></div> </div> </div> |