Почему мой градиент webkit удаляет мой элемент span?

Question

Вот мой код:

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

А вот мой стиль, который сопровождает указанный код:

#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))
); }

Это используется на мобильном сайте, который я создаю, и по какой-то причине градиент веб-набора уничтожается. Кто-нибудь испытывал что-то подобное раньше? Если я уберу градиент, то интервал снова появится: (

Спасибо!

Answer 1

Разобрался.Промежуток не является частью ссылки, и стиль градиента применяется к ссылке, которая отображается поверх промежутка.Я сделал относительный промежуток с z-индексом, и он отлично работает.Печаль во благо.