Псевдоэлемент: перед и переполнение скрыто

У меня есть элемент, который имеет две границы. Я достиг этого, добавив псевдоэлемент:

.inner:before {
    width: 72px;
    height: 28px;
    content: '';
    display: block;
    border: 3px solid rgb(255, 0, 0);
    position: absolute;
}

Элемент завернут другим div, у которого есть свойство overflow: hidden.

Как вы можете видеть здесь: http://jsfiddle.net/HKEn4/1/, стильный элемент скрыт, но не псевдоэлемент (проверенный с помощью сафари, firefox и chrome на OSX).

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