Как опустить псевдо элемент ниже селектора?

Question

[Максим]

Тут вообще не ясно что происходит , почему псевдо выше чем родитель ! Как это исправить ? Вопрос о z-index

Comments

[Сергей delphinpro]

Где выше? Вроде нет

[Максим]

у меня это так выгдлядит

[Andrey M.]

тоже не пойму, в чем проблема? вообще ничего не делал, просто открыл.
может, у тебя браузер ie6? я в хроме открыл

[Максим]

Andrey Martynov, ОПЕРА... это ты по ходу уже готовый код посмотрел

Answer 1

[Максим]

Решил так :
-- убрал у родителя: transform:translate()
--добавил родителю : margin: 100px auto
--убрал у after и before : height
--растянул after и before : top:80px bottom:15px;

что получилось :