Criar/Deletar campo formulário PHP

Boa tarde!!!

Esse é o meu primeiro tópico. Espero está fazendo tudo correto.
Enfim, estou com um problema ao criar um novo campo, no caso, repetir o mesmo.
Estou fazendo assim:

<script>
<!-- Inserindo novos campos para cadastrar produtos: -->
<script type="text/javascript">
function adicionar_campos() {
var div = document.getElementById("campos");
var div2 = div.cloneNode(true);
var div3 = document.getElementById("filho");
div2.removeAttribute("id");
document.getElementById("lista").appendChild(div2);
return true;

}
</script>

<form action="" method="post">
<div id="lista">
<div id="campos">

<fieldset>

<font size=50 color='white'>Código do Produto </font><input style="font-size:50px" type="text" size="5" name="CodigoProd"/>
<br>
<br>

<font size=50 color='white'>Quantidade </font> </font><input style="font-size:50px" type="text" size="5" name="QTD"/><font size=50 color='white'>  Valor  </font><input style="font-size:50px" type="text" size="5" name="QTD"/>
<br>
<br>

<font size=50 color='white'>OBS Produto </font><textarea cols="70" rows="4" name="OBSPed"></textarea>

</fieldset>>

</div>
</div>


<br>

<p><input style="font-size:50px" type="button" value="Adicionar Produtos" onclick="return adicionar_campos();" /></p>


Estou repetindo todos dos 3 campos para fazer um novo pedido. Eu queria fazer um botão para remover, no caso dando um undo ou um reset nesses 3 campos. Obrigado !!! Forte Abraço !!!