repeat-y spazio tra le ripetizioni

[menphisx]

Salve ho creato un box, con angoli arrotondati, usando delle immagini, solo che sul bordo sinistro, mi visualizza uno spazio tra una ripetizione e l'altra, ho provato a mettere line-height a zero, ma mi incasina tutto, e anche vertical-align, non so come fare.
Il codice CSS:

#center {

	width: 500px;
	height: 100%;
	float: right;
	background-color: white;
	margin-left: 1em;
	margin-right: 1em;
	text-align: center;
	padding: 1.1em;

}

#center .p {

	width: 100%;
	height: auto;
	text-align: center;
	padding-bottom: 20px;

}

#center .p h1 {

	font-size: 14px;

}

#center .p p {

	font-size: 0.8em;
	text-align: left;

}

#center .rounded_box_strip {

	width: 100%;
	height: 30px;
	z-index: 0;
	display: block;

}

#center .strip {

	width: auto;
	min-width: 80%;
	height: 30px;
	z-index: 0;
	float: left;
	display: table;

}

#center .top-strip {

	background-image: url(top-head.png);
	background-repeat: repeat-x;
	background-position: 0 0;

}

#center .bottom-strip {
	
	background-image: url(bottom-tail.png);
	background-repeat: repeat-x;
	background-position: 0 0;

}

#center .lcorner {

	width: 30px;
	height: 30px;
	z-index: 0;
	float: left;
	display: table;

}

#center .ltop-corner {

	background-image: url(ltop-corner.png);
	background-position: 0 0;
	background-repeat: no-repeat;

}

#center .lbottom-corner {

	background-image: url(lbottom-corner.png);
	background-position: -1px 0;
	background-repeat: no-repeat;

}

#center .rcorner {

	width: 30px;
	height: 30px;
	z-index: 0;
	float: left;
	display: table;

}

#center .rtop-corner {

	background-image: url(rtop-corner.png);
	background-repeat: no-repeat;
	background-position: 0 -1px;

}

#center .rbottom-corner {

	background-image: url(rbottom-corner.png);
	background-repeat: no-repeat;
	background-position: -1px 0;

}

#center .rounded_box_body {

	height: auto;
	min-height: 80%;
	width: 100%;
	background-image: url(left-border.png);
	background-repeat: repeat-y;
	background-position: 0 -1px;
	float: left;
	z-index: 0;
	display: table;

}

Il codice HTML imputato:

<div id="center">

					<div class="rounded_box_strip">
						
						<div class="lcorner ltop-corner"></div>
						<div class="strip top-strip"></div>
						<div class="rcorner rtop-corner"></div>
					
					</div>

					<div class="rounded_box_body">
PROVA PROVA PROVA PROVA
					</div>

					<div class="rounded_box_strip">
					
						<div class="lcorner lbottom-corner"></div>
						<div class="strip bottom-strip"></div>
						<div class="rcorner rbottom-corner"></div>
					
					</div>


				</div>

L'immagine allegata mostra come viene, mentre dovrebbe venire SENZA spazi tra le immagini, COME C...O SI FA?

Grazie in anticipo,
Menphisx.

[menphisx]

Nessun consiglio ? Mi serve per lavoro.

[Mich_]

Sicuro che la righina bianca non ci sia nell'immagine che viene ripetuta?
Sicuro che l'immagine non finisca con un bordino (che essendo su un lato e` molto difficile vedere)?

Prova ad analizzarla con un programma di grafica; eventualmente prova a cancellare un pezzetto del fondo (e/o del bordo superiore)

[menphisx]

Oh ma guarda hai ragione, c'era un cazzo di spazio bianco nell'immagine, un solo pixel è bastato per rovinare tutto, adesso funziona, bell'effetto,
mille grazie,
ciao.

[menphisx]

Adesso ho un altro problema, il div all'interno occupa più spazio del necessario, e viene com in foto.