Hola, muchas gracias por tu aporte, hace un momento usé la etiqueta tbody (y no tuve que modificar nada de JS y funciona en IE, en Firefox y Google Chrome) y ya se me agregan las nuevas filas, el código quedó así:
<table>
<tbody class="detalleRemesa">
<tr>
<td colspan="2">Documento Identificación Remitente</td>
<td>O.C.</td>
<td>Valor Declarado</td>
</tr>
<tr>
<td colspan="2">
<input class="campos" type="text" name="documentoIdentificacionRemitente[]" id="documentoIdentificacionRemitente" value="" size="9" />
</td>
<td>
<input class="campos" type="text" name="oc[]" id="oc" value="" size="9" />
</td>
<td>
<input class="campos" type="text" name="valorDeclarado[]" id="valorDeclarado" value="" size="9" />
</td>
</tr>
</tbody>
<tbody id="detalleRemesaAgregar"></tbody>
<tr>
<td>
<input type="button" name="agregar" id="agregar" value="Agregar" /><input type="button" name="quitar" id="quitar" value="Quitar" />
</td>
</tr>
</table>
Más el problema ahora es que se me agregan las nuevas filas con sus 4 columnas en una sola columna (como si en esta usara colspan igualado a 4) de las filas originales, de manera que las otras columnas quedan sin campos, deformándose así mi tabla (ver imagen que se visualiza en el enlace).
http://www.uploadgeek.com/share-3D5D_4E3AB8A8.html
Ya intente haciendo esto:
<tr>
<td colspan="4">
<tbody id="detalleRemesaAgregar"></tbody>
</td>
</tr>
Sin embargo el resultado es el mismo.
Por favor si saben una solución para esto agradecería sus aportes.
Muchas gracias.