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: Background on a column group element shows on all of a cell that spans through it</title>
5 <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
6 <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers">
7 <meta name="flags" content="96dpi image">
8 <meta name="assert" content="A background set on a column group element will show on all of a cell that spans outside of it, but it will not affect background image positioning.">
9 <style type="text/css">
10 table
11 {
12 border-collapse: collapse;
13 }
14 #blue
15 {
16 background-image: url("support/bar_with_corner_dot.png");
17 }
18 td
19 {
20 height: 50px;
21 padding: 0;
22 width: 50px;
23 }
24 </style>
25 </head>
26 <body>
27 <p>Test passes if there is a blue 'L' with a light blue dot in its upper-left corner (and no other blue dots) below.</p>
28 <table>
29 <colgroup id="blue">
30 <col>
31 </colgroup>
32 <colgroup>
33 <col>
34 </colgroup>
35 <colgroup>
36 <col>
37 </colgroup>
38 <tbody>
39 <tr>
40 <td></td>
41 <td></td>
42 <td></td>
43 </tr>
44 <tr>
45 <td></td>
46 <td></td>
47 <td></td>
48 </tr>
49 <tr>
50 <td colspan="3"></td>
51 </tr>
52 </tbody>
53 </table>
54 </body>
55 </html>