Border RadiusはIEでのみ動作しますが、他のブラウザでは動作しません

Question

以下は、CSSクラスが使用しているIEです。ボーダー半径とパディング付きのIEではうまく動作しますが、Mozillaや他のブラウザでは動作しません。誰でも私を助けることができますか？

.node-tl-img-with-circle { 
     /* become base of .circle::after */ 
     /* position: relative;*/ 
     -webkit-box-sizing: border-box; 
     -moz-box-sizing: border-box; 
     box-sizing: border-box; 
     /* width and height are depend on the icon size */ 
     width: 40px; 
     height: 40px; 


     /* color of circle */ 
     /*background-color: #F4B272;*/ 

     /* make div circle */ 

     border-radius: 50%; 
     -webkit-border-radius: 50%; 
     -moz-border-radius: 50%; 

     padding:8px; 

     /*margin: 5px;*/ 

     /* The outermost stroke is as same as background color */ 
     /*border: 4px solid #FFF;* 


     /*box-shadow:0 0 0 2px #F4B272; 
     -moz-box-shadow: 0 0 0 2px #F4B272; 
     -webkit-box-shadow:0 0 0 2px #F4B272; */ 
    } 

Answer 1

最初に、コードペインのフィドルなどで、次回は良いサンプルケースを提供することができます。

からすべてのブラウザで動作するはず

とにかくボーダー-radious：

• + IE 9
• + Firefoxの4
• +クローム5
• +サファリ7
• +オペラ11.5

see in caniuse.com

HTML

<div class="sample"></div> 

CSS

.sample { 
    box-sizing : border-box; 
    width   : 40px; 
    height  : 40px; 
    padding  : 8px; 
    border  : 4px solid red; 
    border-radius : 50%; 
} 

これは働いているので、あなたは私たちに、より良いサンプルを提供しない場合、我々はより多くのあなたを助けることができない、多分コードの他のチャンクはこの部分をクラッシュされます。