CSS :after + z-index
css, html, pseudo-element, z-index
Solution
You used `-1px` for z-index, z-index is not measured in pixels, just numbers, make it `-1` and it works as intended
Problem
I'm trying to create a message box with a down pointing arrow. I want to use the :after pseudo element for the arrow to avoid extra HTML, and I want the pseudo element to inherit the box-shadow of its parent. My attempt: http://goo.gl/LDs7N I just can't get that pseudo element to go behind the parent. Can any of you figure out where I'm going wrong? Thanks!