Problèmes de centrage avec safari

Bonjour
Voilà j'ai presque fini mon template, seulement il me reste deux erreurs que j'ai du mal à corriger. L'une est apparue avec le navigateur safari. barre de navigation, j'ai des problèmes d'aliments à hauteur de deux liens. Voici actuellement ce que opéra firefox Internet Explorer voit correctement
http://img80.imageshack.us/img80/2905/sanstitreibo.png
et voici maintenant ce que Safari voit
http://img801.imageshack.us/img801/8102/safaric.png

Voici donc le code css

#xo-globalnav li {
    display: inline-block; 
    padding: 10px 20px 10px 20px; 
    color: #fff; 
    text-decoration: none;
    -moz-border-radius: 5px;
    border-radius:5px; 
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer;
    background-color:#005690;
    font-weight:bold;
    background: #005690 url(../img/btn-overlay.png) repeat-x top left;
    margin-top: 30px;
 
}

et html

<div id="xo-globalnav">
<{if !$xoops_isuser}>
<div class="container">
<div id="content">
<div class="post">
<ul>
<li><a href="#?w=350" rel="popup3" class="poplight">Se connecter</a></li>
<li><a href="<{$xoops_url}>/register.php" title="S'enregistrer">S'inscrire</a></li>
</ul>
</div>
</div>
</div>

merci d'avance