Under IE, cannot create a dynamic root element with an "id" attribute containing dots

[GoogleCodeExporter]

What steps will reproduce the problem?
1. From javascript, create a root node:
    root = document.createElementNS(svgns, 'svg');
2. Give it an ID width dots in it.
    root.setAttribute('id', 'does.not.work');
3. Try to append the root element to the document
    svgweb.appendChild(root, document.body);

What is the expected output? What do you see instead?
The root element should be added, but IE throw an error "does is not
defined" ('does' refer to the first part of the ID)

What version of the product are you using? On what operating system,
browser, and version of Flash?
svgweb r984
flash 9
IE8

Please provide any additional information below. Reduced test cases are
always appreciated!

An easy workaround is to replace all the dots by an underscore.

Original issue reported on code.google.com by jonathan...@gmail.com on 24 Nov 2009 at 1:31

Attachments:

• test_case.html