Triangle shadow on CSS ribbon

Question

I am trying to replicate as pixel perfect as I can get and im having trouble trying to do the

Answer 1

What if you add a new element to create missing shadow?

#abc {
    display:inline-block;       
    border: .9em solid #ebeced;
    border-right-color:transparent;
    position:absolute;
    right:-73px;
    z-index:-3;
    bottom:-12px;
}

http://jsfiddle.net/k0a6jhv6/9/

another solution, use span:after inside #content

#content span:after {
    content:'';
    display:block;      
    border: .9em solid #ebeced;
    border-right-color:transparent;
    position:absolute;
    right:-73px;
    z-index:-3;
    bottom:-12px;
}

http://jsfiddle.net/k0a6jhv6/11/