Почему before / after не срабатывают с div?

Question

[zwezew]

Разметка

.wrap.wrap--header
   .container
         header.header
             .header__line

css

.wrap--header {
    position: relative;
    background-color: red;

    &:before {
        position: absolute;
        bottom: 0;
        background-image: url("../images/bg.png");
        background-repeat: repeat-x;
        width: 100%;
        height: 40px;
    }
}

Почему может не срабатывать элемент? В инспекторе показывается только в стилях блока, в самом дереве его нет.

Answer 1

[zoozag]

content: "";

И наверно еще display: block;

Comments

[zwezew]

Ooops.
Спасибо.