<script>
if (window.layoutTestController)
     layoutTestController.dumpEditingCallbacks();
</script>
<style>
div {
    margin: 0.5em;
    padding: 0.5em;
}
</style>
<p>This places the caret before the 'T' in 'Two' and Deletes. 'One' and 'Two' should be merged but the blocks containing 'Three' and 'Four' should remain untouched.</p>
<div contenteditable="true">
<div style="border: 3px solid red;">One</div>
<div id="test"style="border: 3px solid green;">Two<div style="border: 3px solid black;">Three</div>Four</div>
</div>

<script>
var s = window.getSelection();
var e = document.getElementById("test");
s.setPosition(e, 0);
document.execCommand("Delete");
</script>