Стрелка до и после рамки с CSS

Я пытаюсь создать в одном поле две стрелки, одну в качестве указателя, а другую в поле позади.

Не могу найти способ, чтобы получить стрелу прямо позади.

Кто-то может мне помочь ??

здесь я публикую ссылку с образцом:http://jsfiddle.net/7Esu2/

CSS:

.arrow {
    width:210px;
    height:40px;
    background-color:#CBCBCB;
    border: 1px solid #CBCBCB;
    position:relative;
    text-align:center;
    font-size:20px;
    font-weight:bold;
    line-height:40px;
}
.arrow:after {
    content:'';
    position:absolute;
    top:-1px;
    left:210px;
    width:0;
    height:0;
    border:21px solid transparent;
    border-left:15px solid #CBCBCB;
}
.arrow:before {
    content:'';
    position:absolute;
    top:-1px;
    left:211px;
    width:0;
    height:0;
    border:21px solid transparent;
    border-left:15px solid #CBCBCB;
}

HTML:

<div class="arrow">
    FLECHA
</div>

Ответы на вопрос(1)

Ваш ответ на вопрос