Sözde öğe: önce ve taşması gizlendi

Question

İki kenarlı bir öğem var. Bir sözde öğesi ekleyerek bu elde:

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

element özelliğini overflow: hidden sahip bir div ile sarılır.

Burada gördüğünüz gibi: http://jsfiddle.net/HKEn4/1/ .inner-öğesi gizlidir, ancak sözde öğe değil (OSX'de safari, firefox ve chrome ile test edilmiştir).

Sözde öğeyi nasıl gizleyebilirim?

Answer 1

sınıfına position: relative; ekledim ve işe yarıyor!

bakınız keman: http://jsfiddle.net/HKEn4/2/

Answer 2

ya :before sözde elemandan position:absolute kaldırmak veya konteynere position:relative eklemek ..