<script>
function runTest(num)
{
    sel = window.getSelection();
    start = document.getElementById("test" + num + "start");
    end = document.getElementById("test" + num + "end");
    sel.setBaseAndExtent(start, 0, end, end.childNodes.length);
    document.execCommand("Delete");
}
</script>

<p>This empties the last row, it should be removed. 'world!' should also be brought into the second cell of the second row.</p>
<div contenteditable="true">
<table border="1">
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>4</td><td id="test1start">5</td><td>6</td></tr>
<tr><td>7</td><td>8</td><td>9</td></tr>
</table>
<div><span id="test1end">Hello </span>world!</div>
</div>

<script>runTest(1);</script>


<p>This empties a the last row of the first table and the first of the second, they should both be removed.</p>
<div contenteditable="true">
<table border="1">
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>4</td><td id="test2start">5</td><td>6</td></tr>
<tr><td>7</td><td>8</td><td>9</td></tr>
</table>
<div>Hello world!</div>
<table border="1">
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>4</td><td id="test2end">5</td><td>6</td></tr>
<tr><td>7</td><td>8</td><td>9</td></tr>
</table>
</div>

<script>runTest(2);</script>