IE 7および8と互換性のあるdivにドロップシャドウを作成しようとしています。ドロップシャドウをdivの下にのみ表示したい(上、左、または右の境界線には表示しない)。を使用しDXImageTransform.Microsoft.Shadow()
てXオフセットを0に設定していますが、ドロップシャドウはIE7および8でのみdivの左側の境界に表示されます。なぜ何かアイデアはありますか?
#Container {
background-color: white;
position: relative;
z-index: 1;
width: auto;
zoom:1;
filter: progid:DXImageTransform.Microsoft.Shadow(color='grey', OffX=0, OffY=5, Strength=5);
-webkit-box-shadow: 0px 5px 5px grey;
-moz-box-shadow: 0px 5px 5px grey;
box-shadow: 0px 5px 5px grey;
}