Text editing moving to nested DIV

[AndrewPixel]

I have some html which looks like this

This is some sample speech bubble text.

What happens is that if I select the text and start editing it all works well until I delete all the text. If I then press the backspace key once more the caret "moves" into the first DIV within DIV.handle. If you then start typing the text appears within DIV.handle. Unfortunately DIV.handle is a small button that displays off DIV.speech which allows you to drag the text box about the window.

Is there some way to keep text out of child DIVs of DIV.speech? That is, it should only always be in the root level of DIV.speech.