insertRow() problem

[Tony]

I'm using this code:

var tbl = document.getElementById('participants');
var newRow = tbl.insertRow(tbl.rows.length);

(obviously) to add a new row to a table. The intention is that the new
row be at the bottom of the table. This works perfectly in IE, FF,
Netscape and Opera. But in Safari, the new row is inserted at the TOP
of the table.

This is especially a problem because it puts the new row on top of the
header row - so the header ends up at the bottom of the table.

So, my questions are:

1) Is there another way to add rows to the table that will put them in
the correct place, and is cross-browser compatible (and preferably of
comparable simplicity)?

and,

2) Have I totally missed something basic? Specifically, is there a way
to separate the header row from the other rows? If this inserted the
new row at the top of the DATA rows, but below the header, I would be
happy.

TIA...

[Tony]

>2) Have I totally missed something basic? Specifically, is there a way

to separate the header row from the other rows? If this inserted the
new row at the top of the DATA rows, but below the header, I would be
happy.

DOH.

<thead> & <tbody>