Drawables-list Not Working

I have read the documentation and am following the example to the letter and I just can't make it work.

I have a drawable list in my resources.xml file:

<drawable-list id="Battery" >

       <shape type="rectangle" x="176" y="111" width="10" height="20" color="Gfx.COLOR_BLACK" border_width="1" border_color="Gfx.COLOR_LT_GRAY" />

       <shape type="rectangle" x="178" y="110" width="6" height="1" color="Gfx.COLOR_BLACK" border_width="1" border_color="Gfx.COLOR_LT_GRAY" />

    </drawable-list>

I then call it in onUpdate() like this per the documentation:

var myBattery = new Rez.Drawables.Battery();

        myBattery.draw(dc);

It compiles fine, but doesn't draw anything.

I am totally at a loss as I believe I am following the documentation on how to use drawables as stated here:

Drawables

Drawable XML resources consist of a list of basic drawables: bitmaps and shapes. To create an XML drawable, define a <drawable-list> in an XML resource file. Both <bitmap> and <shape> tags should be be placed as child nodes inside the <drawable-list>. An example drawable-list:



<resources>

    <drawable-list id="Smiley" background="Gfx.COLOR_YELLOW">

        <shape type="circle" x="10" y="10" radius="5" color="Gfx.COLOR_BLACK" />

        <shape type="circle" x="30" y="10" radius="5" color="Gfx.COLOR_BLACK" />

        <bitmap id="mouth" x="15" y="25" filename="../bitmaps/mouth.png" />

    </drawable-list>

</resources>

To use this drawable in code do the following:



function onUpdate( dc ) {

    var mySmiley = new Rez.Drawables.Smiley();

    mySmiley.draw( dc );

}

Thanks.