Aligner 3 images dans un bloc

bonjour,
voilà depuis hier j'essai d'aligner 3 images dans un bloc.
Sous FF pas de soucis mais sous IE impossible.
J'ai lu les recommandations, appliquer des bordures à mes images pour mieux en comprendre leur comportement, rien à faire.
J'ai définis dans mes css un padding 0 pour ces images, queneni ! J'ai pensé que mon bloc (de taille fixe) était trop etroit pour accueillir ses demoiselles...je les ai donc réduites, rien.
Mes images sont dans des balises <a> de type inline, donc selon la semantique elle se doivent de se positionner les unes à côtés des autres, non ?

mon code css :

/* -----extras------- */

#blocvip{
    background :url("image/cadrebas.png") bottom center no-repeat ;
    padding-bottom: 20px ;
    margin-bottom: 5px ;
    text-align: left;
}
 

#blocvip p {
   margin: 0 10px 0 10px;
    color: #999966;
    font-size:9px ;
}


#blocvip a {
   margin: 0 10px 0 10px;
    color: #999966;
    font-weight: bold;
    line-height: 14px ;
}



#blocvip a:hover{
     text-decoration: underline
}


 #blocvip a img{
   float: left;
   padding: 0;
   margin : 5px 0 5px 0;
   border: none;
}

#blocvip ul{
display: inline;
text-align: left;
}

#blocvip li{
clear: both;
 list-style-type: none ;
}

mon code html :

 <div class="cartouche">
                   <a class="rubrik" href="http://monsite.com/newsletter.php">XTRAS</a>
                      <div id="blocvip">
                      <p>
                          <strong>Comme nous ne faisons pas les choses à moitié, nous vous proposons :</strong><br />
                           <a href="http://monsite.com/newsletter.php"><img  src="image/newsletter.jpg" alt="newsletter" title="newsletter" /></a>
                           <a href="http://monsite.com/fondecran.php"><img  src="image/fonds.jpg" alt="fonds" title="fonds d'ecran" /></a>
                           <a href="http://monsite.com/e-card.php"><img  src="image/cards.jpg" alt="e-cards" title="e-cards" /></a>
                      </p>
                         <ul>
                            <li><a href="http://monsite.com/newsletter.php"> SA NEWSLETTER</a><p> (pour rester brancher sur les potins de l'île)</p></li>
                            <li><a href="http://monsite.com/fondecran.php">  SES FONDS D'ECRAN</a><p> (pour avoir un jolie ordinateur)</p></li>
                            <li><a href="http://monsite.com/e-card.php"> SES E-CARDS</a><p> (pour envoyer aux amis)</p></li>
                         </ul>
                     </div>
             </div>  

Modifié par Arnone (20 Feb 2006 - 22:03)

Salut,

C'est bizarre, mis à part le float:left sur le #blocvip a img qui me paraît inutile à première vue, le code à l'air d'être bon. Je ne vois pas pourquoi ces 3 liens sur images ne seraient pas alignés ...

Tu pourrais nous metre une page test en ligne avec les images en question s.t.p. ???