Facebookのインターネットエクスプローラでボックスシャドーとボーダー半径が機能しない

Question

私のプロジェクトでは、Facebookのアプリケーションでボックスシャドーとボーダー半径を使用しています。しかし、Internet Explorerでは動作しません。私のCSSコードは以下のとおりである：

.main_body_bg { 
    border-radius:2px 2px; 
    -moz-border-radius:2px 2px; 
    webkit-border-radius:2px 2px; 
    background:#f8f8f8; 
    width:740px; 
    -moz-box-shadow:0px 0px 3px rgba(82,82,82,0.5); 
    -webkit-box-shadow:0px 0px 3px rgba(82,82,82,0.5); 
    box-shadow:0px 0px 3px rgba(82,82,82,0.5); 
    behavior:url(images/PIE.htc); 
} 

誰が私を助けることができるおかげで、スペイン風居酒屋料理

Answer 1

はあなたがここにhttp://placenamehere.com/article/384/css3boxshadowininternetexplorerblurshadow/

<!--[if IE]> 
<style type="text/css"> 
.main_body_bg { 
    display: block; 
    position: absolute; 
    top: 5px; 
    left: 5px; 
    width: 102px; /* match target width */ 
    height: 102px; /* match target height */ 
    z-index: 1; 
    background: #000; 
    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='15', MakeShadow='true', ShadowOpacity='0.40'); 
} 
</style> 
<![endif]--> 

書かれた、IEのために余分なスタイルを作る必要がありますか？