Problema con Editing Toolbar de OpenLayers

[djaevi]

Hola a todos les comento mi problema, estoy aprendiendo a usar los controles de la libreria javascript de mapas OpenLayers el problema es que estoy probando de poner los controles por fuera del mapa y todo va muy bien hasta que intento crear fuera del mapa el control Editing Toolbar (dentro del mapa si funciona) , he probado agregando el control al momento de crear el mapa y luego de crearlo y no tengo resultados, lo curioso es que si creo cualquier otro control y le asigno el mismo div el control aparece bien. Les dejo mi codigo de como creo el control

Código Javascript:

controles = [ 
            new OpenLayers.Control.MouseToolbar(
                {
                    direction: "Horizontal",
                    div: document.getElementById("MouseToolbar_holder")
                }
            ),
            new OpenLayers.Control.EditingToolbar(
                                        vector
                                {
                    div: document.getElementById("EditingToolbar_holder")
                                }
                        )
 
 map = new OpenLayers.Map('map',
         {
          displayProjection: new OpenLayers.Projection("EPSG:22195"),
          maxExtent: new OpenLayers.Bounds(-6565816.859387, -4124397.971514, -6525651.166663, -4094197.341338),
          maxResolution: 'auto',
          units: "m",
          projection: new OpenLayers.Projection("EPSG:900913"),
          controls:controles
         }
         );
        ];
 

Como les dije si yo quito la linea: div: document.getElementById("MouseToolbar_holder") el control aparece en el mapa como aparece por defecto y si en lugar de MouseToolbar pusiera cualquier otro control Permalink, OverviewMap etc estos aparecen en el div normalmente.

Les dejo el enlace al ejemplo que da la web de openlayers lo seguido tal cual pero nada. se que es dificil pero si alguien me puede ayudar se lo agradecere.

http://openlayers.org/dev/examples/e...r-outside.html

Saludos