Symbols - how to change fill color upon a mouse event?

I am in the process of converting some Flash animations into HTML.

I am experiencing some problems with Edge Symbols. As a test, if I create a new symbol out of a circle I draw, and call this the new Symbol "Test," I am then trying to change it's fill color on a hover event.

I tried this:

// insert code to be run when the mouse hovers over the object

sym.$("Test").css("background-color", "red");

This, in fact, changes the "background-color," but NOT the fill color of my symbol. See the example below.

So, how then do I address the Symbol "Test" if I want to change it's FILL color upon an event such as hover?

TIA!