webkit contenu cacher déborde de rayon frontière

Question

http://jsfiddle.net/Bery8/3/

J'ai un nœud qui a position: relative, et un border-radius. J'essaie de cacher le contenu qui sort du border-radius, se demandant si quelqu'un a un correctif pour cela dans webkit. J'ai besoin du positionnement relative pour un autre but et je ne peux pas l'enlever.

Semble fonctionner correctement dans mozilla.

<div> 
    foo 
    <span>content</span> 
    <span>content</span> 
    <span>content</span> 
    <span>content</span> 
    <span>content</span> 
</div> 

<style> 
div { 
    border  : 1px solid #000; 
    border-radius : 20px; 
    overflow  : auto; 
    position  : relative; 
    margin  : 10px; 
    max-height : 100px; 
} 

span { 
    display : block; 
    background : teal; 
    padding : 10px; 
} 
</style> 

Answer 1

Je ne suis pas sûr que je comprends le problème, mais si vous ajoutez border-radius: 20px à l'élément span-t-elle résoudre?

Answer 2

ajouter border-radius-span trop