Border-Radius não exibe imagens no WebKit

Apesar de aplicar estilos de border-radius ao elemento #screen usando todos os prefixos e a sintaxe padrão, o elemento permanece intacto no Google Chrome, embora apareça conforme esperado no Firefox e no Internet Explorer 9. Esse problema surge devido a um bug no tratamento do corte de borda de imagens pelo Chrome.

Solução alternativa para resolver o bug do Chrome :

Para resolver esse problema, implemente a seguinte solução alternativa:

.element-that-holds-pictures {
   perspective: 1px; /* any non-zero value will work */
}

Esta técnica modificará a perspectiva do elemento, o que força o mecanismo de renderização a se comportar corretamente. Isso não afeta a exibição do elemento, ao contrário de outras soluções alternativas, como definir a opacidade para 0,99.