<!DOCTYPE html><html><head><metacharset="utf-8"><title>CSS Backgrounds and Borders Test: background-size - two <length> values</title><linkrel="author"title="Intel"href="http://www.intel.com"><linkrel="reviewer"title="Gérard Talbot"href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"><!-- 2012-11-14 --><linkrel="help"href="http://www.w3.org/TR/css3-background/#the-background-size"title="3.9. Sizing Images: the 'background-size' property"><linkrel="match"href="../reference/ref-filled-green-100px-square.xht"><metaname="flags"content="image"><metaname="assert"content="Check if 'background-size' has two length values, then such values are the width and height of the corresponding background image. Therefore the used width and height of the background-size in this test should be 100px and 100px."><style>#ref-overlapped-red{background-color:red;height:100px;width:100px;}#test-overlapping-green{background-image:url(support/1x1-green.png);background-repeat:no-repeat;background-size:100px100px;bottom:100px;height:100px;position:relative;}</style></head><body><p>Test passes if there is a filled green square and <strong>no red</strong>.</p><divid="ref-overlapped-red"></div><divid="test-overlapping-green"></div></body></html>