[Résolu] Safari ne veut pas de margin sur mes <li>

Bonjour à tous !

J'ai un pti problème avec Safari :

Les liens du menu de mon site sont contenus dans une liste, elle-même contenue dans un <div>

<div id='menu'>
    <ul>
        <li><a href='blabla' title='blabla'>Home</a></li>
        <li><a href='blabla2' title='blabla2'>Query</a></li>
        <li><a href='blabla3' title='blabla3'>About</a></li>
    </ul>
</div>

J'espace les liens du menu, et les mets sur une seule ligne, de la façon suivante :

#menu ul li {
    display: inline;
    margin-left: 5%;
    margin-right: 5%;
}

Ca marche très bien sous IE et Firefox, mais pas sous Safari : il n'y a pas d'espace entre les liens du menu

Si vous voulez juger sur pièce : http://bgee.unil.ch:8080/bgee/bgee

Quelqu'un aurait une idée ? Merci par avance
Modifié par Djebel (26 Jul 2007 - 16:22)

En remplaçant tes marges par des paddings, ça devrait marcher.

Et avec des padding latéraux exprimés en pixels?

Super, merci beaucoup, ça marche.

Une raison pour que Safari n'aime pas les margin ?