1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html>
3 <head>
4 <title>CSS Test: Auto-imported from Gecko test 338735-1.html</title>
5 <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
6 <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes">
7 <meta name="flags" content="dom">
8
9 <style type="text/css">
10 #t {
11 display: none;
12 }
13 </style>
14 <script type="text/javascript">
15 function toggleLayer(id) {
16 var s = document.getElementById(id).style;
17 s.display = s.display ? "" : "block";
18 }
19
20 function doTest() {
21 toggleLayer('t');
22 document.body.offsetWidth;
23 toggleLayer('t');
24 document.body.offsetWidth;
25 toggleLayer('t');
26 document.documentElement.className = "";
27 }
28 </script>
29 </head>
30 <body onload="doTest()">
31 <p>There should be no red below, except for antialiasing issues.</p>
32 <div style="position: relative; font-size: 2em;">
33 <div style="position: absolute; width: 100%; z-index: 1; top: 0; color: red;">
34
35 <table style="width: 100%;" border="5">
36 <tr>
37 <td id="t">First row</td>
38 </tr>
39 <tr>
40 <td>Second row</td>
41 </tr>
42 </table>
43 </div>
44 <div style="position: absolute; width: 100%; z-index: 2; top: 0; color: green;">
45
46 <table style="width: 100%;" border="5">
47 <tr>
48 <td>First row</td>
49 </tr>
50 <tr>
51 <td>Second row</td>
52 </tr>
53 </table>
54 </div>
55 </div>
56 </body>
57 </html>