Как сделать тень не везде?

[ksa]

Хочу сделать тень только слева, справа и снизу... Но появляется какая-то полоса сверху...
Как сделать такую тень?

<style>
div {
	width: 100px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	border-left: 1px solid #bcb8b5;
	border-right: 1px solid #bcb8b5;
	border-bottom: 1px solid #bcb8b5;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	box-shadow: 0 0 0,2px 0 2px #d5d5d5,-2px 0 2px #d5d5d5,0 2px 2px #d5d5d5;
	-moz-box-shadow: 0 0 0 ,2px 0 2px #d5d5d5,-2px 0 2px #d5d5d5,0 2px 2px #d5d5d5;
	-webkit-box-shadow: 0 0 0 ,2px 0 2px #d5d5d5,-2px 0 2px #d5d5d5,0 2px 2px #d5d5d5;
}
</style>
<div></div>

[ksa]

Такая же фигня, если делать тень только сверху...

<style>
div {
	width: 100px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	border-left: 1px solid #bcb8b5;
	border-right: 1px solid #bcb8b5;
	border-top: 1px solid #bcb8b5;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	box-shadow: 0 -2px 2px #d5d5d5,2px 0 2px #d5d5d5,-2px 0 2px #d5d5d5,0 0 0;
	-moz-box-shadow: 0 -2px 2px #d5d5d5,2px 0 2px #d5d5d5,-2px 0 2px #d5d5d5,0 0 0;
	-webkit-box-shadow: 0 -2px 2px #d5d5d5,2px 0 2px #d5d5d5,-2px 0 2px #d5d5d5,0 0 0;
}
</style>
<div></div>

[Magneto]

<style>
div {
	width: 100px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	border-left: 1px solid #bcb8b5;
	border-right: 1px solid #bcb8b5;
	border-top: 1px solid #bcb8b5;
	border-radius: 5px 5px 0 0;
	box-shadow: -2px -2px 2px #d5d5d5,2px -2px 2px #d5d5d5;}
</style>
<div></div>

[Snipe]

По миом эксперементам получается, что это вылазят боковые тени, вот так ок (тока в последней мозилке проверял):

<style>
div {
    width: 100px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    border-left: 1px solid #bcb8b5;
    border-right: 1px solid #bcb8b5;
    border-top: 1px solid #bcb8b5;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-box-shadow: 0 -2px 2px #d5d5d5,2px 0 2px #d5d5d5,-2px 0 2px #d5d5d5,0 0 0;
    -webkit-box-shadow: 0 -2px 2px #d5d5d5,2px 0 2px #d5d5d5,-2px 0 2px #d5d5d5,0 0 0;
    box-shadow: 0 -2px 2px #d5d5d5,2px -2px 2px #d5d5d5,-2px -2px 2px #d5d5d5,0 0 0;
}
</style>
<div></div>

[ksa]

Ребята, спасибо. Буду завтра пробовать на своей страничке...

[ksa]

Бивас, тест...

<style>
div {
	width: 100px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	border-left: 1px solid #bcb8b5;
	border-right: 1px solid #bcb8b5;
	border-bottom: 1px solid #bcb8b5;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	box-shadow: 0 0 0,2px 2px 2px #d5d5d5,-2px 2px 2px #d5d5d5;
	-moz-box-shadow: 0 0 0  ,2px 2px 2px #d5d5d5,-2px 2px 2px #d5d5d5;
	-webkit-box-shadow: 0 0 0  ,2px 2px 2px #d5d5d5,-2px 2px 2px #d5d5d5;
}
</style>
<div></div>

Да - боковые тени лезут...