css - shadow on right and left

Question

hi there i am using the following code to get a shadow on the right and left side of a div tag but all four sides of the div are shadowed...

.shadow1 {

   border-right:1px solid #8d8d8d;
   border-left:1px solid #8d8d8d;
   -moz-box-shadow:0px 0px 5px 0px #000;
 -webkit-box-shadow: 0px 0px 5px 0px #000 ;
       box-shadow: 0px 0px 5px 0px #000;

}

is there a way to get the shadow appear only on the right and left side of the div... ?? any help would be appreciated... thanks in advance... :)

Answer 1

This seems to work ok :)

box-shadow: 5px 0px 5px -4px #000,
            -5px 0px 5px -4px #000;

EDIT: Oh, I'm waaay late :p looks like we came to more or less the same conclusion tho.