Pseudo élément: avant et débordement caché

J'ai un élément qui a deux frontières. J'ai obtenu que par l'ajout d'un pseudo-élément:

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

L'élément est emballé avec un autre div qui a la propriété overflow: hidden.

Comme vous pouvez le voir ici: http://jsfiddle.net/HKEn4/1/ l' .intérieure-élément est masqué, mais pas le pseudo élément (testé avec safari, firefox et chrome sur OSX).

Comment puis-je cacher le pseudo-élément?

source d'informationauteur Alexander Scholz