<!-- Any copyright is dedicated to the Public Domain. http://creativecommons.org/licenses/publicdomain/ Multiple -moz-element background images --> <!DOCTYPE html> <html> <head> <style> #box { height: 100px; width: 200px; background: -moz-linear-gradient(lime,lime) top left no-repeat, -moz-linear-gradient(green,green) top right no-repeat red; background-size: 100px 100px; } div > div { width: 100px; height: 100px; } </style> </head> <body style="margin:0"> <div id="box"></div> </body> </html>