CSS3PIE を使用してIE8以下にボックスシャドウを適応する時の注意点

CSS3PIE でIE8以下でもボックスシャドウを適応させようと思ったのですが、実際使ってみるといろいろ戸惑う所がありました。その注意点と私の対処法です。 ボックスがグレーになってしまう CSS3PIEのボックスシャドウは要素の下にシャドウを敷き詰めてシャドウを表現する仕組みになっていますので、敷き詰められてたシャドウの上にくるボックスの背景が透明だった場合に下記の画像のように下のシャドウが透けてしまいます。 その為シャドウの効果をつけたいボックスには背景色を指定する必要があります。 背景色を指定すると変な隙間ができる 今回やりたかったのは連続して並んでいるボックスにボックスシャドウをつけることです。 そして、シャドウをつけたかったボックスのまわりにborderを使っていました。 単純にbackground-color:#FFFFFF:と指定をしてみた所、下の画像のようにボックスの上のボー