Probmlème au niveau du codage de la page d'accueil

[Miss CC]

Bonjour,

alors j'ai codé en html/css ma page d'accueil et j'ai réussis à créer ce que je voulais néanmoins il me reste un petit soucis j'ai beau chercher et modifier mon css je n'arrive pas à le résoudre!

Le bas de ma PAS ce présente comme ceci:


En fait l'image de fond (le carré blanc ) des deux blocs est en réalité plus large mais je n'arrive pas à faire en sorte que les deux images de ces deux bloc soit centré et aligné (sur la même ligne / à la même hauteur),et que l'image soit complètes!

voilà le html de cette partie:

Code:

/* * * * * * * * * * BLOC INFO * * * * * * * * * */      
            
            <ul class="essentiel">
  /* * * LES PARTENAIRES * * */
               <li>
                  <div>
<p>Pour en savoir plus cliquer sur le bouton!</p>
                     <a href="http://graph-addict.forumactif.pro/f10-partenariats"><img src="http://img4.hostingpics.net/pics/863533BOUTONPARTENAIRES.png" /></a>
                     <p>ICI SE TROUVERONT LES IMAGES DE NOS PARTENAIRES</p>
                  </div>
               </li>
  /* * * FIN PARTENAIRE * * */
  /* * * LE STAFF * * */
               <li>
                  <div>
<p>Pour en savoir plus cliquer sur le bouton!</p>
                     <a href="http://graph-addict.forumactif.pro/f23-le-staff"><img src="http://img4.hostingpics.net/pics/403081BOUTONSTAFF.png"/></a>
                     <p>ICI SE TROUVERONT LES MEMBRES DU STAFF</p>
                  </div>
               </li>
  /* * * FIN LE STAFF * * */
            </ul>
         </div>

et le css:

Code:

/*-----alignement bloc-----*/
.body ul.essentiel li:first-child{
   margin:80px 0 0;
}

.body ul.essentiel li div{
   width:281px;
   height:380px;
   text-align:center;
   padding: 2px 0 20px 0;
   float:none;
   margin:0;
   background:none;
}

/*-----fond bloc-----*/
.body ul.essentiel li{
   float:left;
   background:url(http://img15.hostingpics.net/pics/896663partiepub.jpg) no-repeat -14px -10px!important;
   margin:60px 0 0 48px;
   height:400px;
   padding:0;
}

/*-----placement bouton bloc-----*/
.body ul.essentiel li div a img{
   border:0;
   margin:0 0 0 -3px;
}

.body ul.essentiel li div a img:hover{
   filter:alpha(opacity=80);
   opacity:0.8;
}

/*-----texte bloc-----*/
.body ul.essentiel li div p{
   width:258px;
   text-align:center;
   color:#202020;
   font-family: 'RokkittRegular';
   margin:17px 0 0 10px;
   line-height:20px;
   font-size:14px;
   background:none;
   padding:0;
}

Merci d'avance pour l'aide que vous pourrez m'apporter

[Tech]

Bonjour,

Merci de fournir un lien vers le forum sur lequel se trouve le problème.

Cordialement.

[Miss CC]

ha pardon voilà:
http://graph-addict.forumactif.pro/forum

mais la PA n'est pas encore en ligne, j'attend de la finir complètement!
Cordialement