I have this Xul file:

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<?xml-stylesheet href="chrome://greenfox/content/mycss.css"
type="text/css"?>
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul
">
    <image class="Front" src="images/loading.gif"/>
    <image class="Back" src="images/plasma.jpg"/>
</window>


with this CSS:

.Back {
    position: absolute;
    left: 0px;
    top:0px;
    z-index:0;
}
.Front {
    position: absolute;
    left: 0px;
    top:0px;
    z-index:1;
}


and, for some reason, the images are vertically one above another, not in
z-index as specified by my CSS. Any idea how to fix it?
This same CSS in a html file works just fine..


*
Wellington B. de Carvalho
*