HTML Component on Portal Page Editor Messing up my HTML Tabl

I want to use server side scripting to loop through and display some records. Add an HTML Component to my page and Edit the HTML, then click on the HTML Source Editor and enter the following:

<table>
{!#LOOP_BEGIN.R19508914#19921344}
<tr>
<td>{!R19508914.id}</td>
<td>{!R19508914.status#code}</td>
</tr>
{!#LOOP_END.R19508914}
</table>

When I select "Update" to close the HTML Source editor, it reformats my loop and breaks it, by moving the END_LOOP up next to the LOOP_BEGIN like this.

{!#LOOP_BEGIN.R19508914#19921344}{!#LOOP_END.R19508914}

{!R19508914.id} {!R19508914.status#code}

Happens in Chrome and Fire Fix. Attached are screenshots.

Step 1 I Enter the HTML

Step 2 - After Clicking "Update" in Step 1, this is what the Edit HTML Window looks like, you can see my HTML is screwed up:

Step 3: I go back and look at the HTML and the end loop has been moved to the top.