Ciao, anche tu hai lo stesso problema di pj84.
Gli spazi e gli accapo causano quelle fastidiose righe bianche.
Ti posto il codice corretto:

<div id="sezione_prodotti">
<p class="barra_prodotti">
[img]images/prodotti_1.jpg[/img][img]images/prodotti_2.jpg[/img]
[img]images/prodotti_4.jpg[/img][img]images/prodotti_3.jpg[/img]
</p>
</div>

NB: Il contenuto del tag p deve stare tutto su una riga e tutto compatto (senza spazi o accapi). Gli attributi di img, title e name non servono, se usi name per qualche js, è meglio usare id (name è deprecato per tutti i tag tranne per <input>). L'attributo title è più utile nei tag a.


ed ecco qui il css:

#sezione_prodotti {
background-image: url('images/sfondogenerico.jpg');
width: 740px;
height: 542px;
margin: 15px auto;
text-align: center;
padding: 0px;
}

.barra_prodotti {
margin: 0px;
padding: 0px;
padding-top: 0.5cm; // mi serve per posizionamento su immagine sfondo del <div>
}

.barra_prodotti a {
margin: 0px;
padding: 0px;
}

.barra_prodotti img {
margin: 0px;
padding: 0px;
border: 0px none #000000;
}

NB: ho aggiunto .barra_prodotti prima di a e img cosi vengono ridefiniti solo i tag a e img della classe .barra_prodotti mentre gli altri non vengono toccati.

E' tutto
Ciao
Akito