Non-inline styles fail when appending multiple made-up elements in IE < 9

[cowboy]

See this example:  http://jsfiddle.net/cowboy/PSGp6/

[cmcnulty]

IE 8 inserts into the dom with a colon for some reason. See  this MSDN article.

You can sorta fix it in IE8 by changing the class definition in css:  see here, but that seems to cause other issues.

[rwaldron]

For reference:  http://ejohn.org/blog/html5-shiv/ and  http://intertwingly.net/blog/2008/01/22/Best-Standards-Support#c1201006277

[cowboy]

I'm not sure if this is the issue, but when a made-up node is cloned in POJ it also fails in IE < 9:  http://jsfiddle.net/cowboy/g2WVn/

[john]

Yeah, you should be using the techniques outlined by Rick.

[john]

Duplicate of #6485.