What a shame that it doesn't seem to work recursively.
<div id="a"></div>
<div id="b"></div>
#a,
#b {
height: 200px;
width: 200px;
border: dashed;
}
#a {
background: -moz-element(#b) no-repeat;
background-size: 80%;
border-color: green;
}
#b {
background: -moz-element(#a) no-repeat;
background-size: 80%;
border-color: purple;
}The argument of -moz-element() can be a child of the styled element, but it can't be a parent (makes sense).