Warum funktioniert document.getElementById('tableId').innerHTML nicht im IE8?

Question

I ändern document.getElementById('').innerHTML mit Java Script auf einer Seite. Es funktioniert gut in Firefox, aber nicht im IE8. Bitte sehen Sie unten für weitere Details:

HTML-Code:

<table>
  <tr id="abc">
     <td id="ccc" style="color:red;">ccc</td>
  </tr>
</table>

Java-Script-Code:

  document.getElementById('abc').innerHTML = '<td id="bbc" style="color:yellow;">abc</td>'

Wenn ich den JS-Code in Firefox ausführe, ändert sich das Anzeigewort von "ccc" zu "abc", aber es funktioniert einfach nicht im IE8, weiß jemand warum? Gibt es eine Möglichkeit, wie ich das auch im IE8 zum Laufen bringen kann?