questa funzioncina qui sotto aggiunge dinamicamente righe ad una tabella, le righe vengono aggiunte correttamente ma non gli viene applicato lo stile, come mai? potete darmi una mano?
ecco la pagina
codice:
<html><head>
<style>
TR.reportPari
{
	color: black;
	background-color:#a7aed4;
	FONT-FAMILY: 'verdana', 'arial'; 
	font-size: 10pt;
}

TD.intestazione
{

    	BACKGROUND-COLOR: #9a3200;
    	COLOR: #ffffff;
    	FONT-FAMILY: Verdana;
    	FONT-SIZE: 13px;
    	FONT-WEIGHT: bold;
    	TEXT-ALIGN: center;
}

INPUT.prezzo
{
   BACKGROUND-COLOR: lightgrey;
    CURSOR: hand;
    HEIGT: 18px;
    FONT-SIZE: 11px;
    WIDTH: 40px;

}
</style>

</head>
<script>




function aggiungiArticolo() 
{
	
	//variabili  per la generazione dinamica della riga 
	var _riga;
	var _cella;
	var _boxPrezzo;
	
	
	_riga = tab_rep_articoli.insertRow();    // creo la riga  [potrei fare anche cosi:  _riga = document.createElement("<tr>");]
	_riga.setAttribute('id','miaRiga');   
	_riga.setAttribute('name','miaRiga');   
	_riga.setAttribute('class','reportPari');  // <------la classe di stile "reportPari" non viene applicata, perche????
	
	
	
	//creao la cella "prezzoUnitario"    
	_cella = document.createElement("<td>");
	
	
	//creo il campo di inserimento
	_boxPrezzo = document.createElement("<INPUT>");
	_boxPrezzo.setAttribute('type','text');
	_riga.setAttribute('id','mioInput');  
	_boxPrezzo.setAttribute('value','5');
	_boxPrezzo.setAttribute('class','prezzo');   //  <------la classe di stile "prezzo" non viene applicata, perche????
	
	
				
	_cella.appendChild(_boxPrezzo);    //appendo il campo d'inserimento alla cella
	_riga.appendChild(_cella);         //appendo la cella con con il campo text alla riga
		
	
}


</script>
<body>

<form name="modulo" id="modulo">

	<div id="div_rep_articoli" name="div_rep_articoli" class="titolo">
		<table id="tab_rep_articoli" name="tab_rep_articoli" border=1 cellpadding=2 cellspacing=0 bordercolorlight="#001682" bordercolordark="white">
			<tr>
				<td class="intestazione">Prezzo</td>
			
			</tr>
			<tbody id="report">
			  	<tr>
			  		<td><input type="text" class="prezzo" value='5'></td>
			  	</tr>
			<tbody>
		</table>
				 
	</div>
</form>

<input type="button" value="premi" onclick="aggiungiArticolo();">
</body>
</html>