[Résolu] Probleme d'espace à gauche et à droite sur FF

Bonjour,

Voilà j'ai un probleme sur des images. Elles sont disposées les unes à coté des autres, mais sur firefox, il y a une espace d'environ 5px à gauche et droite de chaque image...

Il ne s'agit pas de pb d'espace sous les images, mais sur les cotés.

Voilà le code :

<div id="spectacle">
  <div class="affiche">
    <a href="#" rel="lightbox"><img src="./img/spectacles/sansaffiche.jpg"/></a>
    <div class="texte">
      <?php
        include "./img/spectacles/thouars/texte.txt"
      ?>			
    </div>
    <div class="photos">
      <a href="./img/spectacles/thouars/photo1ag.jpg" rel="lightbox"><img src="./img/spectacles/thouars/photo1.jpg" alt="Photo xxxx"/></a>
      <a href="./img/spectacles/thouars/photo4ag.jpg" rel="lightbox"><img src="./img/spectacles/thouars/photo4.jpg" alt="Photo xxxx"/></a>
      <a href="./img/spectacles/thouars/photo3ag.jpg" rel="lightbox"><img src="./img/spectacles/thouars/photo3.jpg" alt="Photo xxxx"/></a>
      <a href="./img/spectacles/thouars/photo2ag.jpg" rel="lightbox"><img src="./img/spectacles/thouars/photo2.jpg" alt="Photo xxxx"/></a>

    </div>
  </div>
</div>

et le CSS:

div#spectacle {
	text-align: justify;
	color:#CCCCCC;
	width: 553px;
	height:220px;
	position:relative;
	top:20px;
	left:5px;
	z-index:2;
	margin-bottom: 50px;
}
.affiche{
	height: 200px;
	}
.texte{
	height: 100px;
	text-align: center;
	margin: -200px 0 0 150px;
	}
.photos{
	line-height: 1px ;
	font-size: 1px;
	height: 100px;
	padding:0 0 0 150px;
	margin: 0;
	}

Modifié par oki (02 Apr 2007 - 11:35)

Ok j'ai résolu mon probleme