Javascript: Firefox光标丢失问题

谈到Firefox里面光标丢失的问题，我首先会先谈一下Firefox和IE在DOM上的不同，同样一段文字，例如：

This is a Track Changes Editor.

以上这段文字的HTML Code是这样的:

<pre>This is a <span class="yellow">Track Changes</span> Editor</pre>

此时我们拆分DOM，比如我们把Pre作为ParentNode。然后我们分别在IE和Firefox里得到Pre的ChildNode, 我们发现得到的Childnode的个数不一样，在IE里我们得到ChildNode的个数为3，在FF里得到的个数为5。

为更方便理解，我用颜色标注每一个ChildNode:

IE :  This is a Track Changes Editor

FF: This is a  Track Changes  Editor

我们看到FF比IE多两个ChildNode, 这两个ChildNode在视觉上是不占位置的，当光标处于这两个Node之中的时候，光标也就会被隐藏了(丢失了).

我们看一段演示视频，可以更容易理解这个问题：(至于解决方法，我也正在研究)

Firefox光标丢失演示