Bogue frontière frontalier dans Opera

Question

J'ai un problème avec l'affichage d'un bloc avec bordure supérieure/inférieure et rayon de bordure. Je ne sais pas pourquoi un rayon intérieur apparaît dans une bordure .. S'il vous plaît, prenez regarder le code capture d'écran ci-dessous .. &

http://img703.imageshack.us/img703/3074/scrren1.jpg

<section id="block"> 
    <div class="block-header"><h1>Block</h1></div> 
</section> 
#block {width:1000px; height:329px; position:relative; border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px;} 
#block .block-header { position:absolute; right:0px; top: 0; border-top:10px solid #81a32b; width:500px; border-radius:0px 4px 0px 0px; -webkit-border-radius:0px 4px 0px 0px; } 

u ne sais quelle solution à ce problème?

jsfiddle

Answer 1

Dans Opera la hauteur est directement liée à la vous l'arrondissement tentent d'atteindre

Css

border-top:10px solid #81a32b; 
border-radius:0px 10px 0px 0px; 

Fiddle ->http://jsfiddle.net/325nH/2/

vous avez déclaré:

border-top:10px solid #81a32b; 
border-radius:0px 4px 0px 0px; 

donc vous êtes 6px court qui sont remplis par Opera avec un espace blanc