[RESOLU]Rollover ne marche pas sur chrome et safari

Bonjour à tous,
J'ai un menu, avec un rollover qui fonctionne sur Firefox, Opera et IE8, mais pas sur Chrome et Safari... si quelqu'un a une solution je prends avec plaisir

Voici le code :

<ul id="nav">
            <li><a href="">Accueil</a></li>
            <li><a href="">Description</a></li>
            <li><a href="">Personnaliser</a></li>
            <li><a href="">Professionnels</a></li>
            <li><a href="">Commander</a></li>
            <li><a href="">Contact</a></li>
        </ul>

#nav {float:left;    margin-top:10px;    margin-left:50px;}
#nav a {    
    font-size:13px;    
    font-weight:bold;    
    color:black;
    margin-left:13px;
    line-height:27px;
    padding-left:7px;
    padding-right:7px;
}
#nav a:hover {
    color:white;
    
    background:url(images/btn_menu.png) repeat-x;
    height:27px;
    display:inline-block;
    border-radius:7px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
}

Voici le site en question

Merci d'avance !
Modifié par hare (06 Oct 2010 - 11:22)

Bonsoir ,et en mettant une valeur quelconque dans le href de tes liens ?
<a href="#">lien</a>

Non ça ne change rien
(petite erreur de ma part, c'est sur chrome et safari que ça ne marche pas. Tout est ok sur opera, j'ai édité le post)

EDIT : ca marche !
Modification du code :

#nav li a

et j'ai rajouté un display: block.

Merci quand même
Modifié par hare (05 Oct 2010 - 23:19)