Pseudo element: przed i przepełnienie ukryte

Mam element, który ma dwie ramki. I osiągnąć to, że przez dodanie elementu pseudo:Pseudo element: przed i przepełnienie ukryte

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

Element owija się inną div, który ma właściwość overflow: hidden.

Jak widać tutaj: http://jsfiddle.net/HKEn4/1/ element .inner jest ukryty, ale nie jest pseudo elementem (testowany z Safari, firefox i chrome na OSX).

Jak mogę ukryć pseudo element?

Źródło

2013-10-15 Alexander Scholz

patrz [jQuery i pseudoelementy] (http://stackoverflow.com/questions/8968992/jquery-and-pseudo-elements) –

Do czego służy absolutne pozycjonowanie pseudoelementu? – CBroe

@CBroe To z pewnością pomogło stworzyć problem z przepełnieniem. – mavrosxristoforos