: antes y background-image ... ¿debería funcionar?

Question

Tengo un div y aplico :before y :after una imagen como contenido. Eso funciona perfectamente. Ahora necesitaría aplicar una imagen de fondo para que se repita cuando cambie el tamaño de div, pero parece que no funciona. ¿Se supone que la imagen de fondo en :before y :after está funcionando?

El código actual:

HTML:

<div id="videos-part">test</div> 

CSS:

#videos-part{ 
    background-color: #fff; 
    height: 127px; 
    width: 764px; 
    margin: -6px 0 -1px 18px; 
    position: relative; 
} 
#videos-part:before{ 
    width: 16px; 
    content: " "; 
    background-image: url(/img/border-left3.png); 
    position: absolute; 
    left: -16px; 
    top: -6px; 
} 

Answer 1

@michi; definir height en su pseudo clase before

CSS:

#videos-part:before{ 
    width: 16px; 
    content: " "; 
    background-image: url(/img/border-left3.png); 
    position: absolute; 
    left: -16px; 
    top: -6px; 
    height:20px; 
} 

Answer 2

imágenes de fondo en :before y :after elementos debería funcionar. Si publica un ejemplo, probablemente podría decirle por qué no funciona en su caso.

Aquí es un ejemplo: http://jsfiddle.net/namas/3/

Puede especificar las dimensiones del elemento en% mediante el uso de background-size: 100% 100% (ancho/alto), por ejemplo.