javascript - html contenteditable li: 新しい行は現在の li 内にある必要があります。Chrome/IE の違い

Question

私には、li chicldren と満足できる ol がいます。Enter キーを押すと、新しい行が現在の li の内側になるようにします。新しい番号付きのliを開始したくありません。次の html は、Chrome では期待どおりに機能しますが、IE9 では機能しません。

私は jsfiddle http://jsfiddle.net/D8rUH/を持っています (a の後にカーソルを置き、Enter キーを押します。)

<ol  contenteditable="true">
     <li>
          <div>a</div>
     </li>
     <li>
         <div>b</div>
    </li>
</ol>

「a」の後にカーソルを置き、Enter キーを押した結果:

クロムで：

1. a
   (cursor is on this line)
2. b

IE9 で:

1. a
2.
   (cursor is on this line)
3. b

jsに頼ったりDOM要素を移動したりせずに、両方をChromeのように動作させる方法はありますか?