[Résolu] Prob. CSS sur Safari

[MeTaLLiQuE]

Bonsoir,

Bon... J'ai un petit soucis avec Safari  

Normalement (et ça fonctionne partout...) le rendu doit être :



Or... Sur mon macbook pro, l'avatar, le pseudo et l'icône de messagerie ne sont pas centré, tout est collé à gauche...

Ca fait plusieurs heures qu'on y travail avec mon camarade et rien n'y fait...

Voici le code HTML :

Code :

<div class="online">
   <ul>
       <li><span class="avat"><img src="anges.png" alt=""></span>PSEUDO <span class="messenger"><a href="profil/pseudo" title="Contacter ce joueur"><img src="blank.gif" alt="blank.gif" width="24" height="24"></a></span></li>
   </ul>
</div>

... et le code CSS :

Code :

.online {
width:261px;
height:201px;
background:url(../img/sprite_game.png) no-repeat;
background-position:-449px -280px;
position:fixed;
right:-331px;
bottom:106px;
padding:27px 40px 27px 30px;
}

.online ul {
list-style:none;
}

.online ul li {
display:flex;
display:-webkit-flex; /* Safari */
justify-content:space-evenly;
-webkit-justify-content:space-evenly; /* Safari 6.1+*/
color:#c9b988;
text-shadow:#000 1px 1px;
text-alig,:center;
height:29px;
line-height:29px;
border-bottom:transparent 1px solid;
border-image:url(../img/liner.png) 1;
}

.online ul li span.avat img {
height:20px;
width:20px;
border-radius:20px;
border:#d7c299 3px solid;
}

span.messenger {
background:url(../img/sprite_icons.png)no-repeat;
background-position:-387px -233px;
height:29px;
}

Merci