Pourquoi mon dégradé webkit supprime-t-il mon élément span?

Question

Voici mon code:

<h3><a href="#" title="Desserts">Desserts</a> <span>+</span></h3> 

Et voici mon style qui accompagne ledit code:

#our_menu h3 span { 
color: #eee; 
display: block; 
float: right; 
font-size: 11.5pt; 
margin-top: -25pt; 
margin-right: 10pt; 
text-shadow: 0px 1px 0px #240d00; } 

#our_menu h3:first-child a { 
border-top: 1px solid #692601; 
background: -webkit-gradient(
    linear, 
    left bottom, 
    left top, 
    color-stop(0.1, rgb(201,86,19)), 
    color-stop(1, rgb(159,58,0)) 
); } 

Ceci est utilisé sur un site mobile que je vais construire et pour quelque raison que la durée est d'être tué par le gradient webkit. Quelqu'un at-il déjà expérimenté quelque chose comme ça? Si je supprime le gradient alors la durée réapparaît :(

Merci!

Answer 1

figured it out. La durée ne fait pas partie du lien et le style de gradient est appliqué sur le lien qui rend au-dessus de la travée J'ai fait le span relatif avec un z-index et ça marche bien, bon chagrin