Box-shadow indomptable sous WebKit

Salut à tous,

Je m'essaie à certains jolis effets proposés par le CSS3 dont les ombres portées.
Cela fonctionne très bien avec FF mais pas mes autres amis, Safari et Chrome ne veulent rien savoir.

Cela coince où sur ma page de société terrassement ?

Une partie de mon code :

<div class="button"><a href="#">+ de détails</a></div>

.button a {
-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
border-radius: 3px; 
color: #861517;
text-decoration: none;
display: block;
padding: 7px 0;
box-shadow: 1px 1px 4px #484640;
-moz-box-shadow: 1px 1px 4px #484640;
-webkitbox-shadow: 4px 4px 4px #484640;
}
.button a:hover {
box-shadow: 1px 1px 4px #000;
-moz-box-shadow: 1px 1px 4px #000;
-webkitbox-shadow: 4px 4px 4px #000;
}

Cela coince où ? Merci beaucoup !

dldstyle a écrit :
Cela coince où ? Merci beaucoup !

Hello,

Tu as écrit -webkitbox-shadow au lieu de -webkit-box-shadow

Ooops Merci pour la correction !