/* Source: http://test.csswg.org/suites/css2.1/20110323/html4/background-intrinsic-001.htm */ /* Setup. Use 5:6 ratio because it's weird and unlikely to be hard-coded anywhere. */ div { position: relative; } .cover, .limit { width: 120px; height: 120px; margin: 0.5em; background: green; /* Used to match reference; remove for debugging. */ } .control { position: absolute; top: 10px; bottom: 10px; left: 10px; right: 30px; } .cover .control { background: red; } .limit .control { background: green; } .test { /* 80x100 bgpos area */ height: 80px; width: 60px; padding: 10px; /* 100 x 120 bgpaint area */ border: 10px solid transparent; } /* Test */ .cover .test { background: no-repeat url(support/green-intrinsic-none.svg); } .limit .test { background: no-repeat url(support/red-intrinsic-none.svg); }