Sfondo di un div: fastidioso spazio prima di ripetersi

[sustia]

Ciao, ho impostato un'immagine di sfondo in un div, ed ho scelto di farla ripetere verticalmente.
L'immagine è alta 15 px, ed il problema è che, ogni qualvolta si ripete, compare un piccolo spazio, molto fastidioso.

Il link è questo (immagine sulla destra, in corrispondenza del corpo bianco):
http://www.angelosignore.it/ortaggi/index.php

Il codice nel template (la parte interessata) è il seguente:

<div id="principale">

<div id="contenuto">

<div id="corpo">
{CONTENT}
</div>

</div>


</div>

Mentre il css della parte interessata:

#principale{
	width: 768px;
	margin: 0px;
	padding: 0px;
  background-image: url(http://www.angelosignore.it/ortaggi/...ndo-totale.jpg);
	background-repeat: repeat-y;
	vertical-align: top;
}
#sezione-menu{
	width: 206px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-color: #fff;
	vertical-align: top;
}
#menu{
	width: 206px;
	height: 216px;
	margin: 0px;
	padding: 0px;
	background-image: url(http://www.angelosignore.it/ortaggi/...fondo-menu.jpg);
	background-repeat: no-repeat;
	float: left;
	vertical-align: top;
}

#piede-menu{
	width: 206px;
	height: 26px;
	margin: 0px;
	padding: 0px;
	background-image: url(http://www.angelosignore.it/ortaggi/...piede-menu.jpg);
	background-repeat: no-repeat;
	float: left;
	vertical-align: top;
}

#contenuto{
	width: 768px;
	height: auto;
	background-image: url(http://www.angelosignore.it/ortaggi/...ndo-totale.jpg);
	background-repeat: repeat-y;
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	float: right;
	text-align: left;
	vertical-align: top;
}
#corpo{
	width: 550px;
	margin: 0px;
	margin-right: 5px;
	padding: 3px;
	float: right;
}

Come posso fare per evitare che si veda quel piccolo (festidioso) spazio?
Grazie.