demo 1
code 1
.demo1 { background:black; filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=2,makeshadow='true', shadowopacity=0.5);}
.demo1 .cont { position:relative; background:#fff; -moz-box-shadow:3px 3px 1px #888; -webkit-box-shadow:3px 3px 1px #888;}
.demo1 .cont { position:relative; background:#fff; -moz-box-shadow:3px 3px 1px #888; -webkit-box-shadow:3px 3px 1px #888;}
demo 2
code 2
.demo2 { background:#000; background:rgba(0,0,0,0.2); filter:alpha(opacity=20);}
.demo2 .cont { position:relative; top:-4px; left:-4px;}
.demo2 .cont { position:relative; top:-4px; left:-4px;}
demo 3
code 2
.demo3 {background:#fff; -moz-box-shadow:4px 4px 0 rgba(0,0,0,0.3); -webkit-box-shadow:4px 4px 0 rgba(0,0,0,0.3); filter:progid:DXImageTransform.Microsoft.DropShadow(enabled=true,color=#28000000,offX=4,offY=4,positive=true);}
.demo3 .cont { -moz-box-shadow:4px 4px 3px rgba(0,0,0,0.1), -4px -4px 3px rgba(0,0,0,0.1), 4px -4px 3px rgba(0,0,0,0.1), -4px 4px 3px rgba(0,0,0,0.1); -webkit-box-shadow:4px 4px 3px rgba(0,0,0,0.1), -4px -4px 3px rgba(0,0,0,0.1), 4px -4px 3px rgba(0,0,0,0.1), -4px 4px 3px rgba(0,0,0,0.1); margin-left:0px;}
.demo3 .cont { -moz-box-shadow:4px 4px 3px rgba(0,0,0,0.1), -4px -4px 3px rgba(0,0,0,0.1), 4px -4px 3px rgba(0,0,0,0.1), -4px 4px 3px rgba(0,0,0,0.1); -webkit-box-shadow:4px 4px 3px rgba(0,0,0,0.1), -4px -4px 3px rgba(0,0,0,0.1), 4px -4px 3px rgba(0,0,0,0.1), -4px 4px 3px rgba(0,0,0,0.1); margin-left:0px;}