1 <!DOCTYPE html PUBLIC
"-//W3C//DTD HTML 4.01//EN"
2 "http://www.w3.org/TR/html4/strict.dtd">
5 <title>Testcase, bug
421069</title>
6 <meta http-equiv=
"Content-Type" content=
"text/html; charset=UTF-8">
7 <meta http-equiv=
"Content-Style-Type" content=
"text/css">
8 <style type=
"text/css">
10 body
> div
{ position: absolute
; top: 10px; left: 10px; }
11 img
{ margin-left: 10px; }
13 .p0 { margin-top: 10px; }
14 .p1 { margin-top: 50px; }
15 .p2 { margin-top: 90px; }
16 .p3 { margin-top: 130px; }
17 .p4 { margin-top: 170px; }
18 .p5 { margin-top: 211px; }
19 .p6 { margin-top: 251px; }
20 .p7 { margin-top: 291px; }
21 .p8 { margin-top: 331px; }
22 .p9 { margin-top: 371px; }
24 body
> div
> div
, body
> div
> table
{
25 background-image: url
(square-outline-32x32
.png
);
28 table
{ margin: 0; border-spacing: 0; }
31 .big { width: 33px; height: 33px; }
32 .small { width: 20px; height: 20px; }
36 background-position: top left
; /* the default */
41 background-position: bottom right
;
46 background-position: top right
;
51 background-position: bottom left
;
54 div
.tl
.big
{ margin-left: 210px; }
55 div
.br
.big
{ margin-left: 250px; }
56 table
.tr
.big
{ margin-left: 290px; }
57 table
.bl
.big
{ margin-left: 330px; }
63 <div><img src=
"square-outline-32x32.png" class=
"p0"></div>
64 <div><img src=
"square-outline-32x32.png" class=
"p1"></div>
65 <div><img src=
"square-outline-32x32.png" class=
"p2"></div>
66 <div><img src=
"square-outline-32x32.png" class=
"p3"></div>
67 <div><img src=
"square-outline-32x32.png" class=
"p4"></div>
68 <div><img src=
"square-outline-32x32.png" class=
"p5"></div>
69 <div><img src=
"square-outline-32x32.png" class=
"p6"></div>
70 <div><img src=
"square-outline-32x32.png" class=
"p7"></div>
71 <div><img src=
"square-outline-32x32.png" class=
"p8"></div>
72 <div><img src=
"square-outline-32x32.png" class=
"p9"></div>
74 <div><div class=
"tl small p0"></div></div>
75 <div><div class=
"tl small p1"></div></div>
76 <div><div class=
"tl small p2"></div></div>
77 <div><div class=
"tl small p3"></div></div>
78 <div><div class=
"tl small p4"></div></div>
79 <div><div class=
"tl small p5"></div></div>
80 <div><div class=
"tl small p6"></div></div>
81 <div><div class=
"tl small p7"></div></div>
82 <div><div class=
"tl small p8"></div></div>
83 <div><div class=
"tl small p9"></div></div>
85 <div><div class=
"br small p0"></div></div>
86 <div><div class=
"br small p1"></div></div>
87 <div><div class=
"br small p2"></div></div>
88 <div><div class=
"br small p3"></div></div>
89 <div><div class=
"br small p4"></div></div>
90 <div><div class=
"br small p5"></div></div>
91 <div><div class=
"br small p6"></div></div>
92 <div><div class=
"br small p7"></div></div>
93 <div><div class=
"br small p8"></div></div>
94 <div><div class=
"br small p9"></div></div>
96 <div><table class=
"tr small p0"><tr><td></table></div>
97 <div><table class=
"tr small p1"><tr><td></table></div>
98 <div><table class=
"tr small p2"><tr><td></table></div>
99 <div><table class=
"tr small p3"><tr><td></table></div>
100 <div><table class=
"tr small p4"><tr><td></table></div>
101 <div><table class=
"tr small p5"><tr><td></table></div>
102 <div><table class=
"tr small p6"><tr><td></table></div>
103 <div><table class=
"tr small p7"><tr><td></table></div>
104 <div><table class=
"tr small p8"><tr><td></table></div>
105 <div><table class=
"tr small p9"><tr><td></table></div>
107 <div><table class=
"bl small p0"><tr><td></table></div>
108 <div><table class=
"bl small p1"><tr><td></table></div>
109 <div><table class=
"bl small p2"><tr><td></table></div>
110 <div><table class=
"bl small p3"><tr><td></table></div>
111 <div><table class=
"bl small p4"><tr><td></table></div>
112 <div><table class=
"bl small p5"><tr><td></table></div>
113 <div><table class=
"bl small p6"><tr><td></table></div>
114 <div><table class=
"bl small p7"><tr><td></table></div>
115 <div><table class=
"bl small p8"><tr><td></table></div>
116 <div><table class=
"bl small p9"><tr><td></table></div>
118 <div><div class=
"tl big p0"></div></div>
119 <div><div class=
"tl big p1"></div></div>
120 <div><div class=
"tl big p2"></div></div>
121 <div><div class=
"tl big p3"></div></div>
122 <div><div class=
"tl big p4"></div></div>
123 <div><div class=
"tl big p5"></div></div>
124 <div><div class=
"tl big p6"></div></div>
125 <div><div class=
"tl big p7"></div></div>
126 <div><div class=
"tl big p8"></div></div>
127 <div><div class=
"tl big p9"></div></div>
129 <div><div class=
"br big p0"></div></div>
130 <div><div class=
"br big p1"></div></div>
131 <div><div class=
"br big p2"></div></div>
132 <div><div class=
"br big p3"></div></div>
133 <div><div class=
"br big p4"></div></div>
134 <div><div class=
"br big p5"></div></div>
135 <div><div class=
"br big p6"></div></div>
136 <div><div class=
"br big p7"></div></div>
137 <div><div class=
"br big p8"></div></div>
138 <div><div class=
"br big p9"></div></div>
140 <div><table class=
"tr big p0"><tr><td></table></div>
141 <div><table class=
"tr big p1"><tr><td></table></div>
142 <div><table class=
"tr big p2"><tr><td></table></div>
143 <div><table class=
"tr big p3"><tr><td></table></div>
144 <div><table class=
"tr big p4"><tr><td></table></div>
145 <div><table class=
"tr big p5"><tr><td></table></div>
146 <div><table class=
"tr big p6"><tr><td></table></div>
147 <div><table class=
"tr big p7"><tr><td></table></div>
148 <div><table class=
"tr big p8"><tr><td></table></div>
149 <div><table class=
"tr big p9"><tr><td></table></div>
151 <div><table class=
"bl big p0"><tr><td></table></div>
152 <div><table class=
"bl big p1"><tr><td></table></div>
153 <div><table class=
"bl big p2"><tr><td></table></div>
154 <div><table class=
"bl big p3"><tr><td></table></div>
155 <div><table class=
"bl big p4"><tr><td></table></div>
156 <div><table class=
"bl big p5"><tr><td></table></div>
157 <div><table class=
"bl big p6"><tr><td></table></div>
158 <div><table class=
"bl big p7"><tr><td></table></div>
159 <div><table class=
"bl big p8"><tr><td></table></div>
160 <div><table class=
"bl big p9"><tr><td></table></div>