[Résolu]Probléme d'espaces verticaux entre les images d'un menu

Bonjour,

Je débute et je tatonne avec les CSS.

J'essaie simplement de placer les images d'un menu et je me retrouve avec un décalage de quelques pixels entre mes images ? J'ai consulté la FAQ et utilisé la fonction recherche, mais sans trouver réponse ??? Le problème vient bien de mon code puisque le résultat est identique sous IE et firefox

<div id="conteneur">

  <div class="first-line" >bla blabla blabla blabla blabla blabla bla </div>

  <h1>bla blabla blabla bla <br> bla blabla blabla bla</h1>

  <div id="menu">
      <span class="bouton"><img src="images/menu_r1_c1_f3.gif" width="89" height="63" ></span>
      <span class="bouton"><img src="images/menu_r1_c2.gif" width="117" height="63"></span>
      <span class="bouton"><img src="images/menu_r1_c3.gif" width="177" height="63"></span>
      <span class="bouton"><img src="images/menu_r1_c4.gif" width="166" height="63"></span>
      <span class="bouton"><img src="images/menu_r1_c5.gif" width="102" height="63"></span>
  </div>
</div>

Mon CSS :

body {  margin: 0; padding: 0; background-attachment: scroll;  background-image: url(images/A-Plan.jpg);  background-repeat: no-repeat; background-position: center top; text-align: center; color: #006600; background-color: #006600}

#conteneur {width:800px; margin:0 auto; text-align: left ; padding : 0 ;}


h1 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; text-align: center; vertical-align: top; color: #FFFFFF}

.first-line {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #330000; text-align: left; /*vertical-align: top; top: auto; position: absolute; top: 5px; left: 235 */}

#menu {width:651px;  background-color: #330000; top: 0px; left: 0;margin : 0 ; padding : 0 ; }
.bouton { margin : 0px ; padding : 0px ; border:none;}

Mon problème en image :
upload/19378-menu-css.gif" alt="upload/19378-menu-css.gifupload/19378-menu-css.gif" />

Je pense que ce doit être simple pour vous, mais incompréhensible pour moi, merci d'avance.
Modifié par dell5 (08 Feb 2009 - 15:52)

Je me répond à moi-même, rien à voir avec les css, juste un pb d'éditeur WEB.

Le bon code, tout à la suite :

      <img name="menu_r1_c1" src="images/menu_r1_c1_f3.gif" width="89" height="63" border="0" alt="Accueil déco du jardin"onLoad="MM_nbGroup('init','navbar1', 'menu_r1_c1','images/menu_r1_c1.gif',1)"><img src="images/menu_r1_c2.gif" width="117" height="63"><img src="images/menu_r1_c3.gif" width="177" height="63"><img src="images/menu_r1_c4.gif" width="166" height="63"><img src="images/menu_r1_c5.gif" width="102" height="63">