Images coupées dans les éléments de la liste

Question

J'ai des éléments de liste où une image survolée dépasse les limites de l'élément de liste. Est-ce possible sans que l'image soit coupée?

Liste élément capotage graphique:

Résultat:

actuelle css:

ul.nav a, ul.nav a:visited { 
    padding: 5px 5px 5px 15px; 
    display: block; 
    clip:none; 
} 
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { 
    color: #FFF; 
    background:url(../images/menu_graphic_bubble.png) no-repeat scroll; 
} 

Answer 1

La première chose que je vais essayer - Définir vos z-index:

ul.nav a, ul.nav a:visited { blah blah; z-index:0 } 

ul.nav a:hover, ul.nav a:active, ul.nav a: focus { blah blah; z-index:1 } 

Si cela ne fonctionne pas, je vais essayer aussi "background: none" quelque part, et/ou "overflow: visible"