Z-указатель элемента

Question

У меня проблема с элементом, перекрывающим другой элемент, который является дочерним элементом элемента sibling. Я попытался установить z-index, но я думаю, потому что он не находится на одном уровне, он не имеет никакого эффекта.

Вот пример jsfiddle, демонстрирующий проблему.

http://jsfiddle.net/jw1mgrnz/1/

Есть ли способ, чтобы иметь class="sub" элемент появляется на верхней части id="span" элемента, не помещая его внутрь id="box" элемента?

Answer 1

добавить

position: relative; 

как;

.sub{ 
    background-color: #fff; 
    width: 100%; 
    height: 25px; 
    margin-top: 5px; 
    text-align: center; 
    position: relative; 
}