<!--
     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>