Using Guids to set toolbar location

I am trying to set the toolbar to an outside location, and have found that if I make the container id a guid, when I create the fckeditor, it says that it cannot find the toolbar location. The div has loaded into the DOM. If I remove the '-'s from the Guid, it works fine. I have never had this as an issue before.

function FloatingToolbar()
{
   // properties
   this.Id = null;
   this.Toolbar = null;
   
   // creates the toolbar container for the fckeditor
   // areaId: is the id of the editable text container
   this.Create = function(areaId)
   {
      var newId = areaId.replace(/[-]+/g,'');
      this.Id = newId + "___Toolbar";
      var container = $("#" + areaId);
      var toolbarHTML = "<div id='" + this.Id + "' style='width: 170px; position:absolute; margin-top: -28px;'></div>";
      
      container.before(toolbarHTML);
      
      this.Toolbar = $("#" + this.Id);
   };
   
   this.Location = function()
   {
      var loc = "Out:" + this.Id;
      return loc;
   };
   
   this.Remove = function()
   {
      this.Toolbar.remove();
   };
}