Why span is not hidden behind div?

Question

css

Such a problem. I have section ".section-time-price". I need to add two pictures on the sides of her, provided that they are in her background. Here is the code regarding this.

.section-time-price	
  @extend .wrap
  height: 336px
  background: #f37452
  padding: 20px 36px
  position: relative
  z-index: 2

  .section-attach-left
    position: absolute
    z-index: -1
    left: -54px
    top: 0
    width: 125px
    height: 375px
    background: url(../images/arrow-left.png)

  .section-attach-right
    position: absolute
    z-index: -1
    right: -54px
    top: 0
    width: 125px
    height: 375px
    background: url(../images/arrow-right.png)

Answer 1

Why not just make it a background?
jsfiddle.net/6mmjc973