Hi I need help with my codes please. I'm trying to create left and right dropshadow on my divs which I get right for any browser except for the IE browser which I only get the right and bottom shadow for IE browsers.

Can anybody please help me how I can show a left shadow when I view it on IE browsers? Thanks so much.


Heres the code I use below:

Code:
.shadow 
        {
	-moz-box-shadow: 3px 3px 6px #c3bebc, -3px 3px 6px #c3bebc;
	-webkit-box-shadow: 3px 3px 6px #c3bebc, -3px 3px 6px #c3bebc;
	box-shadow: 3px 3px 6px #c3bebc, -3px 3px 6px #c3bebc;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#c3bebc')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#c3bebc');
        }