Appending and Prepending in table doesn't work in Firefox

[jeverling]

I have a table like this:

<table>
<tr id="t1">
<td style="width:150px;height:150px;background-color:red;">
</td>
</tr>
<tr id="t2">
<td style="width:150px;height:150px;background-color:green;">
</td>
</tr>
</table>

Now I want to do this:

$('#t1').appendTo('#t2');

This works. But in Firefox, #t1 is now located on the right hand side of #t2. In Internet Explorer everything works as expected (#t1 below #t2).

PrependTo? is the same.

I tried with jquery 1.2.6. Firefox is Version 3.0.1.

[flesler]

You can't append a tr inside another tr, they must always be children of a table or tbody/thead.