CSS Border's Shadow ???

[j4mes_bond25]

Is there any code within CSS that allows me to have SHADOW around the "border-left" and "border-right" ???

Example of it can be seen from:

http://www.tristarwebdesign.co.uk/

Is it not possible to merely create one more "div" (such as "centerContentShadow") & have it in the background of the "centerContent". I was hoping to create a shadow in Fireworks (using gradient) & then adjust the width of the shadow in the way that shadow ONLY appears in the "border-left" and "border-right" of the "centerContent" ???

My related CSS code could be seen as:

#centerContentShadow
{
	background-image:url(content-shadow.jpg);
}

#centerContent
{
	background-image:url(contentbackground.jpg);
	width:700px; 
	margin-left:45px;
	float:left;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
}

The HTML code would be (displaying BOTh "div"):

<div id="centerContentShadow">
<div id="centerContent">

My website itself can be seen at:

http://darsh25.silverserve.co.uk/contact.php (the only link I've uploaded, at the moment)

Any help would be greatly appreciated, since the background is WHITE, so it looks rather deadly, at the moment & hopefully, having shadow would jazz it up a bit.

[tgreer]

Those effects are done with images. There is no "shadow" property with CSS.

This article on A List Apart nicely describes the technique.