I'm having a strange issue in IE8 on some dynamically created elements.

The pie html is rendering on the screen as text in the page
e.g. <:css3-container style="Z-INDEX: auto; POSITION: absolute; DIRECTION: ltr; TOP: 5px; LEFT: 83px"><:background style="POSITION: absolute; TOP: 0px; LEFT: 0px"><:group2><:border style="POSITION: absolute; TOP: 0px; LEFT: 0px"><:css3-container style="Z-INDEX: auto; POSITION: absolute; DIRECTION: ltr; TOP: 42px; LEFT: 166px"><:background style="POSITION: absolute; TOP: 0px; LEFT: 0px"><:group2><:border style="POSITION: absolute; TOP: 0px; LEFT: 0px">

However the elements still have the correct styles being rendered.

This wasn't an issue for us until we upgraded from Knockout 1.2 to 2.0 and changed the way some templating is done.

Has anyone experienced anything similar or have any advice? I can't find much info about this issue via google.

I'm not familiar with Knockout but it sounds like it's trying to rewrite contents of the page by copying innerHTML -- there are two big problems with this approach:

1) IE has a nasty bug where it returns invalid HTML (like you're seeing) when querying innerHTML that contains VML elements
2) PIE expects to have control over its own rendering elements and to be able to maintain references, but by copying innerHTML it is breaking those references. This is not an issue unique to PIE, and I expect it would cause problems with any other script that maintains DOM references.

I'm not sure what advice to give you, perhaps the Knockout developers would have more insight. I don't see any feasible way PIE could avoid these issues.

Thanks Jason. I'll try the knockout forums and post back here if we find a solution.