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.