Drop Shadow Border

Hello,

I am looking to get a drop-shadow border like that of my header and footer on my website (http://www.outplaypoker.com). However I cannot do this how I would normally because of the setup, that is why I am asking if anyone here has any suggestions?

Best Regards,
Nick

 

they are using images for header and footer.

 

Yes I know, I am trying to get that effect by using CSS. IS there anyway I can use and image for my border using CSS?

Best Regards,
Nick

 

That show work fine. Let me know if it works.

 

Where should I place that code?

 

Ok it worked, but now there is a border on the top of the wrapper. which is really not good.

 

to remove top shadow

box-shadow: 0px 5px 5px 5px #ccc;
-moz-box-shadow: 0px 5px 5px 5px #ccc;
-webkit-box-shadow: 0px 5px 5px 5px #ccc

Code (markup):

 

this one is good

 

Thanks for this change it works flawlessly now!

 

Does this not work with internet explorer?

 

it is not supported by internet explorer.
For IE u need to css3pie

http://css3pie.com/

Code (markup):

Documentation

http://css3pie.com/documentation/

Code (markup):

 

Does this mean that every one of my customers will have to download this for my webpage to work?

 

no,u need to include it in ur css and header.php file read their documentation file

 

O ok, thanks for the info!