Has anyone had an issue creating usemaps for images using Javascript?

The problem I've been having is related to this code:

if(this.topImagePath){
this.titleTopImage = document.createElement("img");
this.titleTopImage.setAttribute("src", this.topImagePath);
this.titleTopImage.setAttribute("display", "block");
this.titleTopImage.setAttribute("usemap", "#close");
this.titleTopImage.setAttribute("style", "border: none");
this.titleElm.appendChild(this.titleTopImage);
}

this.titleMap = document.createElement("map");
this.titleMap.setAttribute("id", "close");
this.titleMap.setAttribute("name", "close");
this.titleElm.appendChild(this.titleMap);

this.titleArea = document.createElement("area");
this.titleArea.setAttribute("shape", "rect");
this.titleArea.setAttribute("coords", "137,3,148,13");
this.titleArea.setAttribute("href", "javascript: GLT.clickOutElm(true)");
this.titleMap.appendChild(this.titleArea);

As you can see, it creates an image with an image map from javascript. The imagemap is for the close button on upper right corner. What it doesn't do is create the usemap for this area in the MSIE, whereas the same area seems linked and ready to go in Firefox. I can't think of a reason why it's doing this, except for the cross-browser issues.

Thanks in advance.