Has anyone come up with a good solution? I’ve tried so many different ways and still having the problem. I was able to just hard code it on one of my pages because there was only 5 items. One of my other pages has 55 items and I need a fix to this. I have other web pages that will be impacted as well. Any solutions that worked for other folks would be appreciated. Here is one link I’ve tried:
http://stackoverflow.com/questions/5584500/ordered-list-showing-all-zeros-in-ie9
Other situation I tried:
I just tried the code below and have the following error: Microsoft JScript runtime error:
Unable to set value of the property 'innerHTML': object is null or undefined
<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE>IE9 Ordered List Zero Bug</TITLE>
</HEAD>
<BODY>
<DIV id="dv1">
<OL>
<LI>AAA</LI>
<LI>BBB</LI>
</OL>
</DIV>
<DIV id="dv2"></DIV>
<SCRIPT type="text/javascript">
document.getElementById("dv1").innerHTML = "<ol><li>XXX</li><li>YYY</li></ol>";
var container = document.createElement('span');
container.style.display = "none";
document.getElementById("dv2").appendChild(container);
</SCRIPT>
</BODY>
</HTML>
Link:
http://social.msdn.microsoft.com/Forums/en-US/iewebdevelopment/thread/7b278286-4d47-4556-aa57-cbaf68edeef8