Cannot delete dynamically created symbols.

I have a dynamically created symbol going into a parent div. not the Stage.

using:

var water = sym.createChildSymbol("water", "water_pos", 0);

var fishing = sym.createChildSymbol("fishing_boat", "fishing_boat_pos", 1);

I need 4 animated scenes but only showing one at a time. It was runnng slowly if left running for a while (which is also strange) so I'm trying to only load what I need.

The symbols are creating perfectly but for some reason I cannot delete them whan i'm finished with them.

I can delete the other symbols that were not dynamically created in the project but cannot single out the new instances of symbols and delete them.

I am using the deleteSymbol() API.

I have tried the correct answer here but it is deleteing my whole screen leaving a white BG??

They suggest:

You use pass the symbol to be deleted in as the parameter for the deleteSymbol() method, like so:

sym.deleteSymbol("Peak1_1");

http://forums.adobe.com/message/5283417#5283417

I'm Bamboozled!

What am I missing!

Thanks for any help or suggestions.

Johnny