<!DOCTYPE html> <!-- Any copyright is dedicated to the Public Domain. http://creativecommons.org/licenses/publicdomain/ --> <html> <head> <title>Testcases: -moz-image-rect() [bug 113577]</title> <style> div.wrapper { width: 32px; height: 32px; margin: 10px; background-color: red; } div.wrapper div { background-repeat: no-repeat; } #test1 { width: 32px; height: 32px; background-position: 0px 0px; background-image: url('green-16x16-in-blue-32x32.png'); } #test2 { width: 32px; height: 16px; background-position: 0px 0px; background-image: url('transparent-16x16-in-blue-32x32.png'); } #test3 { width: 16px; height: 16px; background-position: 0px 0px; background-image: url('green-16x16-in-blue-32x32.png'); } #test4 { width: 32px; height: 32px; background-color: yellow; background-position: -16px -16px; background-image: url('transparent-16x16-in-blue-32x32.png'); } </style> </head> <body> <div class="wrapper"><div id="test1"></div></div> <div class="wrapper"><div id="test2"></div></div> <div class="wrapper"><div id="test3"></div></div> <div class="wrapper"><div id="test4"></div></div> </body> </html>