2 <title>Test for http://bugs.webkit.org/show_bug.cgi?id=5164</title>
3 <style type="text/css">
4 div.bar { height: 4px; background-color: rgba(0, 0, 0, 0.5); }
5 td.green { background-color: green; }
6 td.black { background-color: black; }
7 td.red { background-color: #0f0; }
8 td.greenOverlay { background-color: rgba(0, 255, 0, 0.5); }
9 td.blackOverlay { background-color: rgba(0, 0, 0, 0.5); }
10 td.sep { width: 10px; }
14 <div style="background-color: #0f0; width: 100px; height: 100px;">
15 <div><div class="bar" style="width: 100px"></div></div>
16 <div style="width: 1005px"><div class="bar" style="width: 10%"></div></div>
17 <div style="width: 995px"><div class="bar" style="width: 10.1%"></div></div>
18 <div style="width: 985px"><div class="bar" style="width: 10.2%"></div></div>
19 <div style="width: 975px"><div class="bar" style="width: 10.3%"></div></div>
20 <div style="width: 965px"><div class="bar" style="width: 10.4%"></div></div>
21 <div style="width: 955px"><div class="bar" style="width: 10.5%"></div></div>
22 <div style="width: 945px"><div class="bar" style="width: 10.6%"></div></div>
23 <div style="width: 935px"><div class="bar" style="width: 10.7%"></div></div>
24 <div style="width: 930px"><div class="bar" style="width: 10.8%"></div></div>
25 <div style="width: 920px"><div class="bar" style="width: 10.9%"></div></div>
26 <div style="width: 910px"><div class="bar" style="width: 11%"></div></div>
27 <div style="width: 910px"><div class="bar" style="width: 11.1%"></div></div>
28 <div style="width: 900px"><div class="bar" style="width: 11.2%"></div></div>
29 <div style="width: 890px"><div class="bar" style="width: 11.3%"></div></div>
30 <div style="width: 885px"><div class="bar" style="width: 11.4%"></div></div>
31 <div style="width: 875px"><div class="bar" style="width: 11.5%"></div></div>
32 <div style="width: 870px"><div class="bar" style="width: 11.6%"></div></div>
33 <div style="width: 860px"><div class="bar" style="width: 11.7%"></div></div>
34 <div style="width: 850px"><div class="bar" style="width: 11.8%"></div></div>
35 <div style="width: 845px"><div class="bar" style="width: 11.9%"></div></div>
36 <div style="width: 840px"><div class="bar" style="width: 12%"></div></div>
37 <div style="width: 835px"><div class="bar" style="width: 12.1%"></div></div>
38 <div style="width: 825px"><div class="bar" style="width: 12.2%"></div></div>
39 <div style="width: 815px"><div class="bar" style="width: 12.3%"></div></div>
42 <div style="position: relative;">
43 <table style="position: absolute; top: 0; left: 0; " cellpadding="0" cellspacing="0">
44 <tr style="height: 20px;">
45 <td class="red" style="width: 11px;"></td>
46 <td class="black sep"></td>
47 <td class="red" style="width: 13px;"></td>
48 <td class="black sep"></td>
49 <td class="red" style="width: 15px;"></td>
50 <td class="black sep"></td>
51 <td class="red" style="width: 17px;"></td>
52 <td class="black sep"></td>
53 <td class="red" style="width: 20px;"></td>
54 <td class="black sep"></td>
55 <td class="red" style="width: 21px;"></td>
56 <td class="black sep"></td>
57 <td class="red" style="width: 23px;"></td>
58 <td class="black sep"></td>
59 <td class="red" style="width: 25px;"></td>
60 <td class="black sep"></td>
61 <td class="red" style="width: 27px;"></td>
62 <td class="black sep"></td>
63 <td class="red" style="width: 30px;"></td>
67 <table style="position: absolute; top: 0; left: 0; width: 1000px;" cellpadding="0" cellspacing="0">
68 <tr style="height: 20px;">
69 <td class="blackOverlay" style="width: 1.2%;"> </td>
70 <td class="greenOverlay sep"> </td>
71 <td class="blackOverlay" style="width: 1.4%;"> </td>
72 <td class="greenOverlay sep"> </td>
73 <td class="blackOverlay" style="width: 1.6%;"> </td>
74 <td class="greenOverlay sep"> </td>
75 <td class="blackOverlay" style="width: 1.8%;"> </td>
76 <td class="greenOverlay sep"> </td>
77 <td class="blackOverlay" style="width: 2%;"> </td>
78 <td class="greenOverlay sep"> </td>
79 <td class="blackOverlay" style="width: 2.2%;"> </td>
80 <td class="greenOverlay sep"> </td>
81 <td class="blackOverlay" style="width: 2.4%;"> </td>
82 <td class="greenOverlay sep"></td>
83 <td class="blackOverlay" style="width: 2.6%;"> </td>
84 <td class="greenOverlay sep"> </td>
85 <td class="blackOverlay" style="width: 2.8%;"> </td>
86 <td class="greenOverlay sep"> </td>
87 <td class="blackOverlay" style="width: 3%;"> </td>