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 propagation on <body> and <html> - canvas positioning</title>
5 <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch">
6 <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/13.html" type="text/html">
7 <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background">
8 <style type="text/css">
9 body { border: solid lime; background: green url(support/square-purple.png) center top no-repeat; color: white; }
10 html { border: solid blue; background: white url(support/square-teal.png) repeat-x top center; color: black; }
11 :link, :visited { color: inherit; background: transparent; }
12 p { margin: 1em; padding: 1em; }
13 html, body { margin: 17px; }
14 </style>
15
16 </head>
17 <body>
18 <p>There should be a horizontal line of teal tiles positioned between
19 the top border of the blue box and the top border of the bright green
20 box, and extending all the way past the sides of the blue box to the
21 left and right edges of the page.
22 One of those tiles must be centered horizontally within the page, so
23 that it is exactly above the purple square that appears at the top of
24 the inner green box. </p>
25
26 </body>
27 </html>