Stylesheet weird working mode

This run function causes the output in the attachment

function run()
{
    var group:Group = Group
    {
        content: Text{
            textOrigin: TextOrigin.TOP;
            styleClass: "LaneInfoText";
            content: "MyText1";
        }

    }

    var stage = Stage
            {
                visible: true
                width: 400;
                height: 400;
                style: StageStyle.UNDECORATED
                title: "MainFrame";
                scene: Scene{
                    stylesheets: ["file:/c:/javafx/javafx.css"]
                    content: bind group;
                    };
            }
             Timeline
                {
                    repeatCount: 1
                    keyFrames :
                    [
                        KeyFrame
                        {
                            time : 3s
                            canSkip : true
                            action: function():Void
                                {
                                    insert Text{
                                        translateY: 50;
                                        textOrigin: TextOrigin.TOP;
                                        styleClass: "LaneInfoText";
                                        content: "MyText2";
                                    } into group.content;
                                }

                        }
                    ]
                }.play();

}

As far as I know the problem is that styles are not applied to nodes if they are created after the scene has been layout. There are two posible workarounds

1) Really Slow: Refresh scene stylesheets
2) Create temporal variables in a node that is created before the scene and bind then later when the new nodes are created

I think that this is a bug, but in case it's not, at least needs to be well documented, I'm creating new nodes in some of my programs after laying out the scene, and this bug makes difficult working with css.