html - ディスプレイ付きのChrome DIV:インラインブロックが上下の矢印を分割

Question

これはとても単純なはずです。Linux での Chrome。

次の HTML:

<div contenteditable="true">
test
<div style="display: inline-block;">
    <div style="font-weight: bold">Click here. Why does down arrow now work?</div>
</div>
test
<div>
test
<div style="display: inline-block;">
    <div style="font-weight: bold">TEST2</div>
</div>
Click mouse here and press up arrow in chrome? Why does it not go up?
</div>
</div>

http://jsfiddle.net/tSkj9/を参照

これにより、上矢印と下矢印が機能しなくなります。

なんで？

ブロックするように設定すると、上下の矢印が機能します。代わりに、カーソルを数文字ずつ繰り返し左右に移動します。

contenteditableのインラインブロックと関係があると思います。

ブラウザのバグですか、それともインライン ブロックに関する何かが欠けていますか?