Dynamically creating image map with jQuery problem in IE7
Basically, I've got an <img> in HTML, and I'm using jQuery to dynamically create a <map> element, then append() <area> elements inside it. This works great in all browsers.
I can confirm that the elements are being created successfully, however in IE7 the coords are all being set as "0,0,0,0", essentially making the hot spots unclickable.
I've debugged using both IE Developer Toolbar and Firebug Lite, and the generated source shows me exactly that - "0,0,0,0". I've also thrown up debug alert()s to make sure the coords are correct before the string is put together. I've also tried moving the position of the <map> element to the beginning of <body>, to the end of <body>, etc. No dice.
This problem is only happening in IE7 (have not tested IE6, but it's possibly a problem there too). IE8, FF, Chrome, Safari, Opera... all work fine.
Is there some reason a jQuery-generated <area> would have its "coords" imported into the IE7 DOM as "0,0,0,0"?