Wed, 31 Dec 2014 07:16:47 +0100
Revert simplistic fix pending revisit of Mozilla integration attempt.
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <style>
5 table {
6 margin: 0;
7 padding: 0;
8 width: 25px;
9 height: 50px;
10 border-collapse: collapse;
11 }
12 td {
13 margin: 0;
14 padding: 0;
15 }
16 #rel {
17 position: relative;
18 margin: 0;
19 padding: 0;
20 }
21 #abs {
22 position: absolute;
23 margin: 0;
24 padding: 0;
25 bottom: 25px;
26 right: 25px;
27 width: 50px;
28 height: 50px;
29 background-color: green;
30 }
31 #bottomright {
32 position: absolute;
33 margin: 0;
34 padding: 0;
35 bottom: 0;
36 right: 0;
37 width: 50px;
38 height: 50px;
39 overflow: visible;
40 background-color: blue;
41 }
42 </style>
43 </head>
44 <body>
45 The green square should not overlap the blue square.
46 <div id="bottomright">
47 <table>
48 <colgroup>
49 <col style="width: 20%">
50 <col>
51 </colgroup>
52 <thead id="rel">
53 <tr>
54 <td></td>
55 <td></td>
56 </tr>
57 <tr>
58 <td>
59 <div id="abs"></div>
60 </td>
61 <td></td>
62 </tr>
63 </thead>
64 </table>
65 </div>
66 </body>
67 </html>