Sacar espacios entre div y iframe

[fedefrankk]

Hola a todos, tengo el siguiente problema,

Tengo una galeria de fotos puesta en un iframe. asi:

Código HTML:

<div class="PRINCIPAL">
<iframe src="listadosCSS.php" height="1000" width="1000" style="padding:0px; margin:0px;"></iframe> 
</div
 

>

el codigo CSS de principal es este:

Código CSS:

.PRINCIPAL
{
    text-align: center;
    width: 1000px;
    height: 700px;
    position: absolute;
    left: 50%;
    margin-left: -475px;
    padding: 5px;
}
 

pero las imagens me salen con espacios entre el iframe y no se como sacarlos:




Hay espacios entre la imagen y los bordes del iframe...
Como puedo eliminarlos?...

el css de los div de cada imagen es este:

Código CSS:

#contenedor{ 
display:inline-block}
 

Muchas Gracias de Antemano y Saludos a todos
Fede

[fealvaradobar]

Talvez tengan algún borde, intenta quitándolo con:

border: none;

[kseso?]

El espacio de la izquierda se debe al padding de 5px que tiene declarado en .principal, al igual que el superior y el inferior (deberá tenerlo también).
El espacio en blanco de la derecha es fruto de la suma de ese padding más esl espacio sobrante entre la suma de las anchuras de todas las imágenes que hay por fila menos los 1000px que mide esa caja.

Solucción: elimine el padding y recalcule la anchura de .principal (ésto último si conoce de antemano la anchura de las imágenes, que por su diagrama de bloques parecen todas iguales).