<style>
table {
    border: 1px solid #aaa;
}
</style>
<p>This tests for a bug where hitting return between two tables would add a new paragraph at the end of the editable region.</p>
<div id="div" contenteditable="true"><table contenteditable="false"><tr><td contenteditable="true">There should be two empty paragraphs after this table and before the next.</td></tr></table><br><table contenteditable="false"><tr><td contenteditable="true">And the caret should be in the second one.</td></tr></table></div>
<script>
var sel = window.getSelection();
var div = document.getElementById("div");
sel.setPosition(div, 1);
document.execCommand("InsertParagraph");
</script>
