Utilizzare più volte lo stesso div in una pagina

[Ashry]

Dovrei realizzare una sorta di catalogo vorrei farlo senza usare tabelle e vorrei sapere per quale ragione on posso usare gli stessi div più volte!
Questo è una sorta di modulo che devo ripetere sette volte
<div id="prodottiimg">
[img]../prodotto_06.gif[/img]
</div>
<div id="prodottitxt">
<h1 class="prodotti_h1" onClick="controllo('lay6')" style="cursor:hand; cursorointer;">categoria principale </h1>
<ul id="lay6" style="display:none;">[*]A[*]A[*]A[*]A [/list]
</div>

Dato che la struttura è sempre la stessa esiste un modo (che sia concorde con la w3c) per utilizzare sempre div prodottotxt e div prodottiimg?

[Federix]

Certo che puoi usarli più di una volta, però devi mettere al posto di ID class="prodottiimg" e nel foglio di stile devi sostituire #prodottiimg con .prodottiimg

[Ashry]

Così però il testo mi compare sotto l'immagine!
perchè?
.prodottiimg{
float:left;
width:56px;
height:56px;
margin:0px 10px 0px 0px;
}

.prodottitxt{
width:400px;
height:56px;
margin:0px 0px 15px 0px;
}

[Federix]

Prova a mettere su prodottitxt float:right;

[Ashry]

Non so cosa sia successo ma ho chiuso e riaperto explorer ed era tutto ok!????
Grazie